diff --git a/package-lock.json b/package-lock.json
index 064ce37..6744f6f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "app-ts",
-  "version": "1.5.5",
+  "version": "1.6.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "app-ts",
-      "version": "1.5.5",
+      "version": "1.6.7",
       "license": "ISC",
       "dependencies": {
         "@dnd-kit/core": "^6.3.1",
@@ -22,7 +22,6 @@
         "@tanstack/react-query": "^5.100.5",
         "@types/jsdom": "^28.0.1",
         "bcryptjs": "^3.0.3",
-        "boneyard-js": "^1.8.1",
         "date-fns": "^4.1.0",
         "dompurify": "^3.3.3",
         "dotenv": "^17.3.1",
@@ -150,13 +149,6 @@
         "specificity": "bin/cli.js"
       }
     },
-    "node_modules/@chenglou/pretext": {
-      "version": "0.0.5",
-      "resolved": "https://registry.npmjs.org/@chenglou/pretext/-/pretext-0.0.5.tgz",
-      "integrity": "sha512-A8GZN10REdFGsyuiUgLV8jjPDDFMg5GmgxGWV0I3igxBOnzj+jgz2VMmVD7g+SFyoctfeqHFxbNatKSzVRWtRg==",
-      "license": "MIT",
-      "optional": true
-    },
     "node_modules/@csstools/color-helpers": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.0.2.tgz",
@@ -359,20 +351,22 @@
       }
     },
     "node_modules/@emnapi/core": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.0.tgz",
-      "integrity": "sha512-0DQ98G9ZQZOxfUcQn1waV2yS8aWdZ6kJMbYCJB3oUBecjWYO1fqJ+a1DRfPF3O5JEkwqwP1A9QEN/9mYm2Yd0w==",
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
+      "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/wasi-threads": "1.2.0",
+        "@emnapi/wasi-threads": "1.2.1",
         "tslib": "^2.4.0"
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.0.tgz",
-      "integrity": "sha512-QN75eB0IH2ywSpRpNddCRfQIhmJYBCJ1x5Lb3IscKAL8bMnVAKnRg8dCoXbHzVLLH7P38N2Z3mtulB7W0J0FKw==",
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
+      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -380,9 +374,10 @@
       }
     },
     "node_modules/@emnapi/wasi-threads": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.0.tgz",
-      "integrity": "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -396,6 +391,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -412,6 +408,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -428,6 +425,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -444,6 +442,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -460,6 +459,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -476,6 +476,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -492,6 +493,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -508,6 +510,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -524,6 +527,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -540,6 +544,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -556,6 +561,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -572,6 +578,7 @@
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -588,6 +595,7 @@
       "cpu": [
         "mips64el"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -604,6 +612,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -620,6 +629,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -636,6 +646,7 @@
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -652,6 +663,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -668,6 +680,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -684,6 +697,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -700,6 +714,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -716,6 +731,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -732,6 +748,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -748,6 +765,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -764,6 +782,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -780,6 +799,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -796,6 +816,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1079,9 +1100,9 @@
       }
     },
     "node_modules/@fastify/static": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/@fastify/static/-/static-9.0.0.tgz",
-      "integrity": "sha512-r64H8Woe/vfilg5RTy7lwWlE8ZZcTrc3kebYFMEUBrMqlydhQyoiExQXdYAy2REVpST/G35+stAM8WYp1WGmMA==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@fastify/static/-/static-9.1.3.tgz",
+      "integrity": "sha512-aXrYtsiryLhRxRNaxNqsn7FUISeb7rB9q4eHUPIot5aeQBLNahnz1m6thzm7JWC1poSGXS9XrX8DvuMivp2hkQ==",
       "funding": [
         {
           "type": "github",
@@ -1172,19 +1193,22 @@
       }
     },
     "node_modules/@napi-rs/wasm-runtime": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz",
-      "integrity": "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.4.tgz",
+      "integrity": "sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/core": "^1.7.1",
-        "@emnapi/runtime": "^1.7.1",
         "@tybys/wasm-util": "^0.10.1"
       },
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
       }
     },
     "node_modules/@noble/hashes": {
@@ -1199,21 +1223,11 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
-    "node_modules/@oxc-project/runtime": {
-      "version": "0.115.0",
-      "resolved": "https://registry.npmjs.org/@oxc-project/runtime/-/runtime-0.115.0.tgz",
-      "integrity": "sha512-Rg8Wlt5dCbXhQnsXPrkOjL1DTSvXLgb2R/KYfnf1/K+R0k6UMLEmbQXPM+kwrWqSmWA2t0B1EtHy2/3zikQpvQ==",
-      "devOptional": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
     "node_modules/@oxc-project/types": {
-      "version": "0.115.0",
-      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.115.0.tgz",
-      "integrity": "sha512-4n91DKnebUS4yjUHl2g3/b2T+IUdCfmoZGhmwsovZCDaJSs+QkVAM+0AqqTxHSsHfeiMuueT75cZaZcT/m0pSw==",
-      "devOptional": true,
+      "version": "0.130.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.130.0.tgz",
+      "integrity": "sha512-ibD2usx9JRu7f5pu2tMKMI4cpA4NgXJQoYRP4pQ7Pxmn1l6k/53qWtQWZayhYy3X4QZkt90Ot+mJEaeXouio6Q==",
+      "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/Boshen"
@@ -1271,34 +1285,34 @@
       }
     },
     "node_modules/@prisma/config": {
-      "version": "6.19.2",
-      "resolved": "https://registry.npmjs.org/@prisma/config/-/config-6.19.2.tgz",
-      "integrity": "sha512-kadBGDl+aUswv/zZMk9Mx0C8UZs1kjao8H9/JpI4Wh4SHZaM7zkTwiKn/iFLfRg+XtOAo/Z/c6pAYhijKl0nzQ==",
+      "version": "6.19.3",
+      "resolved": "https://registry.npmjs.org/@prisma/config/-/config-6.19.3.tgz",
+      "integrity": "sha512-CBPT44BjlQxEt8kiMEauji2WHTDoVBOKl7UlewXmUgBPnr/oPRZC3psci5chJnYmH0ivEIog2OU9PGWoki3DLQ==",
       "license": "Apache-2.0",
       "dependencies": {
         "c12": "3.1.0",
         "deepmerge-ts": "7.1.5",
-        "effect": "3.18.4",
+        "effect": "3.21.0",
         "empathic": "2.0.0"
       }
     },
     "node_modules/@prisma/debug": {
-      "version": "6.19.2",
-      "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-6.19.2.tgz",
-      "integrity": "sha512-lFnEZsLdFLmEVCVNdskLDCL8Uup41GDfU0LUfquw+ercJC8ODTuL0WNKgOKmYxCJVvFwf0OuZBzW99DuWmoH2A==",
+      "version": "6.19.3",
+      "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-6.19.3.tgz",
+      "integrity": "sha512-ljkJ+SgpXNktLG0Q/n4JGYCkKf0f8oYLyjImS2I8e2q2WCfdRRtWER062ZV/ixaNP2M2VKlWXVJiGzZaUgbKZw==",
       "license": "Apache-2.0"
     },
     "node_modules/@prisma/engines": {
-      "version": "6.19.2",
-      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-6.19.2.tgz",
-      "integrity": "sha512-TTkJ8r+uk/uqczX40wb+ODG0E0icVsMgwCTyTHXehaEfb0uo80M9g1aW1tEJrxmFHeOZFXdI2sTA1j1AgcHi4A==",
+      "version": "6.19.3",
+      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-6.19.3.tgz",
+      "integrity": "sha512-RSYxtlYFl5pJ8ZePgMv0lZ9IzVCOdTPOegrs2qcbAEFrBI1G33h6wyC9kjQvo0DnYEhEVY0X4LsuFHXLKQk88g==",
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@prisma/debug": "6.19.2",
+        "@prisma/debug": "6.19.3",
         "@prisma/engines-version": "7.1.1-3.c2990dca591cba766e3b7ef5d9e8a84796e47ab7",
-        "@prisma/fetch-engine": "6.19.2",
-        "@prisma/get-platform": "6.19.2"
+        "@prisma/fetch-engine": "6.19.3",
+        "@prisma/get-platform": "6.19.3"
       }
     },
     "node_modules/@prisma/engines-version": {
@@ -1308,23 +1322,23 @@
       "license": "Apache-2.0"
     },
     "node_modules/@prisma/fetch-engine": {
-      "version": "6.19.2",
-      "resolved": "https://registry.npmjs.org/@prisma/fetch-engine/-/fetch-engine-6.19.2.tgz",
-      "integrity": "sha512-h4Ff4Pho+SR1S8XerMCC12X//oY2bG3Iug/fUnudfcXEUnIeRiBdXHFdGlGOgQ3HqKgosTEhkZMvGM9tWtYC+Q==",
+      "version": "6.19.3",
+      "resolved": "https://registry.npmjs.org/@prisma/fetch-engine/-/fetch-engine-6.19.3.tgz",
+      "integrity": "sha512-tKtl/qco9Nt7LU5iKhpultD8O4vMCZcU2CHjNTnRrL1QvSUr5W/GcyFPjNL87GtRrwBc7ubXXD9xy4EvLvt8JA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@prisma/debug": "6.19.2",
+        "@prisma/debug": "6.19.3",
         "@prisma/engines-version": "7.1.1-3.c2990dca591cba766e3b7ef5d9e8a84796e47ab7",
-        "@prisma/get-platform": "6.19.2"
+        "@prisma/get-platform": "6.19.3"
       }
     },
     "node_modules/@prisma/get-platform": {
-      "version": "6.19.2",
-      "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-6.19.2.tgz",
-      "integrity": "sha512-PGLr06JUSTqIvztJtAzIxOwtWKtJm5WwOG6xpsgD37Rc84FpfUBGLKz65YpJBGtkRQGXTYEFie7pYALocC3MtA==",
+      "version": "6.19.3",
+      "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-6.19.3.tgz",
+      "integrity": "sha512-xFj1VcJ1N3MKooOQAGO0W5tsd0W2QzIvW7DD7c/8H14Zmp4jseeWAITm+w2LLoLrlhoHdPPh0NMZ8mfL6puoHA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@prisma/debug": "6.19.2"
+        "@prisma/debug": "6.19.3"
       }
     },
     "node_modules/@puppeteer/browsers": {
@@ -1358,12 +1372,13 @@
       }
     },
     "node_modules/@rolldown/binding-android-arm64": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.9.tgz",
-      "integrity": "sha512-lcJL0bN5hpgJfSIz/8PIf02irmyL43P+j1pTCfbD1DbLkmGRuFIA4DD3B3ZOvGqG0XiVvRznbKtN0COQVaKUTg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.1.tgz",
+      "integrity": "sha512-fJI3I0r3C3Oj/zdBCpaCmBRZYf07xpaq4yCfDDoSFm+beWNzbIl26puW8RraUdugoJw/95zerNOn6jasAhzSmg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1374,12 +1389,13 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-arm64": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.9.tgz",
-      "integrity": "sha512-J7Zk3kLYFsLtuH6U+F4pS2sYVzac0qkjcO5QxHS7OS7yZu2LRs+IXo+uvJ/mvpyUljDJ3LROZPoQfgBIpCMhdQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.1.tgz",
+      "integrity": "sha512-cKnAhWEsV7TPcA/5EAteDp6KcJZBQ2G+BqE7zayMMi7kMvwRsbv7WT9aOnn0WNl4SKEIf43vjS31iUPu80nzXg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1390,12 +1406,13 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-x64": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.9.tgz",
-      "integrity": "sha512-iwtmmghy8nhfRGeNAIltcNXzD0QMNaaA5U/NyZc1Ia4bxrzFByNMDoppoC+hl7cDiUq5/1CnFthpT9n+UtfFyg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.1.tgz",
+      "integrity": "sha512-YKrVwQjIRBPo+5G/u03wGjbdy4q7pyzCe93DK9VJ7zkVmeg8LJ7GbgsiHWdR4xSoe4CAXRD7Bcjgbtr64bkXNg==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1406,12 +1423,13 @@
       }
     },
     "node_modules/@rolldown/binding-freebsd-x64": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.9.tgz",
-      "integrity": "sha512-DLFYI78SCiZr5VvdEplsVC2Vx53lnA4/Ga5C65iyldMVaErr86aiqCoNBLl92PXPfDtUYjUh+xFFor40ueNs4Q==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.1.tgz",
+      "integrity": "sha512-z/oBsREo46SsFqBwYtFe0kpJeBijAT48O/WXLI4suiCLBkr03RTtTJMCzSdDd2znlh8VJizL09XVkQgk8IZonw==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1422,12 +1440,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.9.tgz",
-      "integrity": "sha512-CsjTmTwd0Hri6iTw/DRMK7kOZ7FwAkrO4h8YWKoX/kcj833e4coqo2wzIFywtch/8Eb5enQ/lwLM7w6JX1W5RQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.1.tgz",
+      "integrity": "sha512-ik8q7GM11zxvYxFc2PeDcT6TBvhCQMaUxfph/M5l9sKuTs/Sjg3L+Byw0F7w0ZVLBZmx30P+gG0ECzzN+MFcmQ==",
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1438,12 +1457,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-gnu": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.9.tgz",
-      "integrity": "sha512-2x9O2JbSPxpxMDhP9Z74mahAStibTlrBMW0520+epJH5sac7/LwZW5Bmg/E6CXuEF53JJFW509uP+lSedaUNxg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.1.tgz",
+      "integrity": "sha512-QoSx2EkyrrdZ6kcyE8stqZ62t0Yra8Fs5ia9lOxJrh6TMQJK7gQKmscdTHf7pOXKREKrVwOtJcQG3qVSfc866A==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1454,12 +1474,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-musl": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.9.tgz",
-      "integrity": "sha512-JA1QRW31ogheAIRhIg9tjMfsYbglXXYGNPLdPEYrwFxdbkQCAzvpSCSHCDWNl4hTtrol8WeboCSEpjdZK8qrCg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.1.tgz",
+      "integrity": "sha512-uwNwFpwKeNiZawfAWBgg0VIztPTV3ihhh1vV334h9ivnNLorxnQMU6Fz8wG1Zb4Qh9LC1/MkcyT3YlDXG3Rsgg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1470,12 +1491,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-ppc64-gnu": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.9.tgz",
-      "integrity": "sha512-aOKU9dJheda8Kj8Y3w9gnt9QFOO+qKPAl8SWd7JPHP+Cu0EuDAE5wokQubLzIDQWg2myXq2XhTpOVS07qqvT+w==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.1.tgz",
+      "integrity": "sha512-zY1bul7OWr7DFBiJ++wofXvnr8B45ce3QsQUhKrIhXsygAh7bTkwyeM1bi1a2g5C/yC/N8TZyGDEoMfm/l9mpg==",
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1486,12 +1508,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-s390x-gnu": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.9.tgz",
-      "integrity": "sha512-OalO94fqj7IWRn3VdXWty75jC5dk4C197AWEuMhIpvVv2lw9fiPhud0+bW2ctCxb3YoBZor71QHbY+9/WToadA==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.1.tgz",
+      "integrity": "sha512-0frlsT/f4Ft6I7SMESTKnF3cZsdicQn1dCMkF/jT9wDLE+gGoiQfv1nmT9e+s7s/fekvvy6tZM2jHvI2tkbJDQ==",
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1502,12 +1525,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-gnu": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.9.tgz",
-      "integrity": "sha512-cVEl1vZtBsBZna3YMjGXNvnYYrOJ7RzuWvZU0ffvJUexWkukMaDuGhUXn0rjnV0ptzGVkvc+vW9Yqy6h8YX4pg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.1.tgz",
+      "integrity": "sha512-XABVmGp9Tg0WspTVvwduTc4fpqy6JnAUrSQe6OuyqD/03nI7r0O9OWUkMIwFrjKAIqolvqoA4ZrJppgwE0Gxmw==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1518,12 +1542,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-musl": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.9.tgz",
-      "integrity": "sha512-UzYnKCIIc4heAKgI4PZ3dfBGUZefGCJ1TPDuLHoCzgrMYPb5Rv6TLFuYtyM4rWyHM7hymNdsg5ik2C+UD9VDbA==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.1.tgz",
+      "integrity": "sha512-bV4fzswuzVcKD90o/VM6QqKxnxlDq0g2BISDLNVmxrnhpv1DDbyPhCIjYfvzYLV+MvkKKnQt2Q6AO86SEBULUQ==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1534,12 +1559,13 @@
       }
     },
     "node_modules/@rolldown/binding-openharmony-arm64": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.9.tgz",
-      "integrity": "sha512-+6zoiF+RRyf5cdlFQP7nm58mq7+/2PFaY2DNQeD4B87N36JzfF/l9mdBkkmTvSYcYPE8tMh/o3cRlsx1ldLfog==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.1.tgz",
+      "integrity": "sha512-/Mh0Zhq3OP7fVs0kcQHZP6lZEthMGTaSf8UBQYSFEZDWGXXlEC+nJ6EqenaK2t4LBXMe3A+K/G2BVXXdtOr4PQ==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1550,28 +1576,32 @@
       }
     },
     "node_modules/@rolldown/binding-wasm32-wasi": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.9.tgz",
-      "integrity": "sha512-rgFN6sA/dyebil3YTlL2evvi/M+ivhfnyxec7AccTpRPccno/rPoNlqybEZQBkcbZu8Hy+eqNJCqfBR8P7Pg8g==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.1.tgz",
+      "integrity": "sha512-+1xc9X45l8ufsBAm6Gjvx2qDRIY9lTVt0cgWNcJ+1gdhXvkbxePA60yRTwSTuXL09CMhyJmjpV7E3NoyxbqFQQ==",
       "cpu": [
         "wasm32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@napi-rs/wasm-runtime": "^1.1.1"
+        "@emnapi/core": "1.10.0",
+        "@emnapi/runtime": "1.10.0",
+        "@napi-rs/wasm-runtime": "^1.1.4"
       },
       "engines": {
-        "node": ">=14.0.0"
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
     "node_modules/@rolldown/binding-win32-arm64-msvc": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.9.tgz",
-      "integrity": "sha512-lHVNUG/8nlF1IQk1C0Ci574qKYyty2goMiPlRqkC5R+3LkXDkL5Dhx8ytbxq35m+pkHVIvIxviD+TWLdfeuadA==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.1.tgz",
+      "integrity": "sha512-1D+UqZdfnuR+Jy1GgMJwi85bD40H21uNmOPRWQhw4oRSuolZ/B5rixZ45DK2KXOTCvmVCecauWgEhbw8bI7tOw==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1582,12 +1612,13 @@
       }
     },
     "node_modules/@rolldown/binding-win32-x64-msvc": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.9.tgz",
-      "integrity": "sha512-G0oA4+w1iY5AGi5HcDTxWsoxF509hrFIPB2rduV5aDqS9FtDg1CAfa7V34qImbjfhIcA8C+RekocJZA96EarwQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.1.tgz",
+      "integrity": "sha512-INAycaWuhlOK3wk4mRHGsdgwYWmd9cChdPdE9bwWmy6rn9VqVNYNFGhOdXrofXUxwHIncSiPNb8tNm8knDVIeQ==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1649,9 +1680,10 @@
       "license": "MIT"
     },
     "node_modules/@tybys/wasm-util": {
-      "version": "0.10.1",
-      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
-      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.2.tgz",
+      "integrity": "sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -2295,9 +2327,9 @@
       "license": "MIT"
     },
     "node_modules/basic-ftp": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.2.0.tgz",
-      "integrity": "sha512-VoMINM2rqJwJgfdHq6RiUudKt2BV+FY5ZFezP/ypmwayk68+NzzAQy4XXLlqsGD4MCzq3DrmNFD/uUmBJuGoXw==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.3.1.tgz",
+      "integrity": "sha512-bopVNp6ugyA150DDuZfPFdt1KZ5a94ZDiwX4hMgZDzF+GttD80lEy8kj98kbyhLXnPvhtIo93mdnLIjpCAeeOw==",
       "license": "MIT",
       "engines": {
         "node": ">=10.0.0"
@@ -2321,53 +2353,6 @@
         "require-from-string": "^2.0.2"
       }
     },
-    "node_modules/boneyard-js": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/boneyard-js/-/boneyard-js-1.8.1.tgz",
-      "integrity": "sha512-tnffA34xFgGSKpQ6QXebalkz2g/rMRAUIh3S0OBoPTK+OgYR3QEQvD3fHGKNQDbCTjn3W7dgNfiBhZGpnqlcNg==",
-      "license": "MIT",
-      "dependencies": {
-        "playwright": "^1.58.2"
-      },
-      "bin": {
-        "boneyard-js": "bin/cli.js"
-      },
-      "optionalDependencies": {
-        "@chenglou/pretext": "^0.0.5"
-      },
-      "peerDependencies": {
-        "@angular/core": ">=14",
-        "preact": ">=10",
-        "react": ">=18",
-        "react-native": ">=0.71",
-        "svelte": ">=5.29",
-        "vite": ">=5",
-        "vue": ">=3"
-      },
-      "peerDependenciesMeta": {
-        "@angular/core": {
-          "optional": true
-        },
-        "preact": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        },
-        "react-native": {
-          "optional": true
-        },
-        "svelte": {
-          "optional": true
-        },
-        "vite": {
-          "optional": true
-        },
-        "vue": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/brace-expansion": {
       "version": "5.0.5",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
@@ -2868,9 +2853,9 @@
       }
     },
     "node_modules/defu": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
-      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+      "version": "6.1.7",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.7.tgz",
+      "integrity": "sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==",
       "license": "MIT"
     },
     "node_modules/degenerator": {
@@ -2925,7 +2910,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
       "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "devOptional": true,
+      "dev": true,
       "license": "Apache-2.0",
       "engines": {
         "node": ">=8"
@@ -2955,9 +2940,9 @@
       "license": "MIT"
     },
     "node_modules/dompurify": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.3.3.tgz",
-      "integrity": "sha512-Oj6pzI2+RqBfFG+qOaOLbFXLQ90ARpcGG6UePL82bJLtdsa6CYJD7nmiU8MW9nQNOtCHV3lZ/Bzq1X0QYbBZCA==",
+      "version": "3.4.5",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.5.tgz",
+      "integrity": "sha512-OrwIBKsdNSVEeubdJ1HBv/wNENRM9ytAVCv7YXt//A3vPdVMNuACRqK9mXCGCBW2ln7BT/A4X0jXHo2Gu89miA==",
       "license": "(MPL-2.0 OR Apache-2.0)",
       "optionalDependencies": {
         "@types/trusted-types": "^2.0.7"
@@ -3000,9 +2985,9 @@
       }
     },
     "node_modules/effect": {
-      "version": "3.18.4",
-      "resolved": "https://registry.npmjs.org/effect/-/effect-3.18.4.tgz",
-      "integrity": "sha512-b1LXQJLe9D11wfnOKAk3PKxuqYshQ0Heez+y5pnkd3jLj1yx9QhM72zZ9uUrOQyNvrs2GZZd/3maL0ZV18YuDA==",
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/effect/-/effect-3.21.0.tgz",
+      "integrity": "sha512-PPN80qRokCd1f015IANNhrwOnLO7GrrMQfk4/lnZRE/8j7UPWrNNjPV0uBrZutI/nHzernbW+J0hdqQysHiSnQ==",
       "license": "MIT",
       "dependencies": {
         "@standard-schema/spec": "^1.0.0",
@@ -3123,7 +3108,7 @@
       "version": "0.27.4",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.4.tgz",
       "integrity": "sha512-Rq4vbHnYkK5fws5NF7MYTU68FPRE1ajX7heQ/8QXXWqNgqqJ/GkmmyxIzUnf2Sr/bakf8l54716CcMGHYhMrrQ==",
-      "devOptional": true,
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "bin": {
@@ -3394,9 +3379,9 @@
       "license": "MIT"
     },
     "node_modules/fast-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
-      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz",
+      "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
       "funding": [
         {
           "type": "github",
@@ -3410,9 +3395,9 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/fastify": {
-      "version": "5.8.4",
-      "resolved": "https://registry.npmjs.org/fastify/-/fastify-5.8.4.tgz",
-      "integrity": "sha512-sa42J1xylbBAYUWALSBoyXKPDUvM3OoNOibIefA+Oha57FryXKKCZarA1iDntOCWp3O35voZLuDg2mdODXtPzQ==",
+      "version": "5.8.5",
+      "resolved": "https://registry.npmjs.org/fastify/-/fastify-5.8.5.tgz",
+      "integrity": "sha512-Yqptv59pQzPgQUSIm87hMqHJmdkb1+GPxdE6vW6FRyVE9G86mt7rOghitiU4JHRaTyDUk9pfeKmDeu70lAwM4Q==",
       "funding": [
         {
           "type": "github",
@@ -3480,7 +3465,7 @@
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
       "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12.0.0"
@@ -3604,6 +3589,7 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -3691,7 +3677,7 @@
       "version": "4.13.6",
       "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.6.tgz",
       "integrity": "sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "resolve-pkg-maps": "^1.0.0"
@@ -3920,9 +3906,9 @@
       "license": "ISC"
     },
     "node_modules/ip-address": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
-      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz",
+      "integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==",
       "license": "MIT",
       "engines": {
         "node": ">= 12"
@@ -4170,7 +4156,7 @@
       "version": "1.32.0",
       "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
       "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
-      "devOptional": true,
+      "dev": true,
       "license": "MPL-2.0",
       "dependencies": {
         "detect-libc": "^2.0.3"
@@ -4203,6 +4189,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -4223,6 +4210,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -4243,6 +4231,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -4263,6 +4252,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -4283,6 +4273,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -4303,6 +4294,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -4323,6 +4315,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -4343,6 +4336,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -4363,6 +4357,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -4383,6 +4378,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -4403,6 +4399,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -4435,9 +4432,9 @@
       }
     },
     "node_modules/lodash-es": {
-      "version": "4.17.23",
-      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.23.tgz",
-      "integrity": "sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==",
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz",
+      "integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==",
       "license": "MIT"
     },
     "node_modules/lodash.clonedeep": {
@@ -4639,10 +4636,10 @@
       "license": "MIT"
     },
     "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "devOptional": true,
+      "version": "3.3.12",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -4682,23 +4679,23 @@
       "license": "MIT"
     },
     "node_modules/nodemailer": {
-      "version": "8.0.4",
-      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-8.0.4.tgz",
-      "integrity": "sha512-k+jf6N8PfQJ0Fe8ZhJlgqU5qJU44Lpvp2yvidH3vp1lPnVQMgi4yEEMPXg5eJS1gFIJTVq1NHBk7Ia9ARdSBdQ==",
+      "version": "8.0.7",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-8.0.7.tgz",
+      "integrity": "sha512-pkjE4mkBzQjdJT4/UmlKl3pX0rC9fZmjh7c6C9o7lv66Ac6w9WCnzPzhbPNxwZAzlF4mdq4CSWB5+FbK6FWCow==",
       "license": "MIT-0",
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/nypm": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.6.5.tgz",
-      "integrity": "sha512-K6AJy1GMVyfyMXRVB88700BJqNUkByijGJM8kEHpLdcAt+vSQAVfkWWHYzuRXHSY6xA2sNc5RjTj0p9rE2izVQ==",
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.6.6.tgz",
+      "integrity": "sha512-vRyr0r4cbBapw07Xw8xrj9Teq3o7MUD35rSaTcanDbW+aK2XHDgJFiU6ZTj2GBw7Q12ysdsyFss+Vdz4hQ0Y6Q==",
       "license": "MIT",
       "dependencies": {
-        "citty": "^0.2.0",
+        "citty": "^0.2.2",
         "pathe": "^2.0.3",
-        "tinyexec": "^1.0.2"
+        "tinyexec": "^1.1.1"
       },
       "bin": {
         "nypm": "dist/cli.mjs"
@@ -4708,9 +4705,9 @@
       }
     },
     "node_modules/nypm/node_modules/citty": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/citty/-/citty-0.2.1.tgz",
-      "integrity": "sha512-kEV95lFBhQgtogAPlQfJJ0WGVSokvLr/UEoFPiKKOXF7pl98HfUVUD0ejsuTCld/9xH9vogSywZ5KqHzXrZpqg==",
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/citty/-/citty-0.2.2.tgz",
+      "integrity": "sha512-+6vJA3L98yv+IdfKGZHBNiGW5KHn22e/JwID0Strsz8h4S/csAu/OuICwxrg44k5MRiZHWIo8XXuJgQTriRP4w==",
       "license": "MIT"
     },
     "node_modules/object-inspect": {
@@ -4955,7 +4952,7 @@
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -5002,60 +4999,16 @@
       "license": "MIT"
     },
     "node_modules/pkg-types": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.0.tgz",
-      "integrity": "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.1.tgz",
+      "integrity": "sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==",
       "license": "MIT",
       "dependencies": {
-        "confbox": "^0.2.2",
-        "exsolve": "^1.0.7",
+        "confbox": "^0.2.4",
+        "exsolve": "^1.0.8",
         "pathe": "^2.0.3"
       }
     },
-    "node_modules/playwright": {
-      "version": "1.59.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.59.1.tgz",
-      "integrity": "sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "playwright-core": "1.59.1"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "fsevents": "2.3.2"
-      }
-    },
-    "node_modules/playwright-core": {
-      "version": "1.59.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.59.1.tgz",
-      "integrity": "sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==",
-      "license": "Apache-2.0",
-      "bin": {
-        "playwright-core": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/playwright/node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/pngjs": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
@@ -5066,10 +5019,10 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.8",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
-      "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
-      "devOptional": true,
+      "version": "8.5.14",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.14.tgz",
+      "integrity": "sha512-SoSL4+OSEtR99LHFZQiJLkT59C5B1amGO1NzTwj7TT1qCUgUO6hxOvzkOYxD+vMrXBM3XJIKzokoERdqQq/Zmg==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -5095,14 +5048,14 @@
       }
     },
     "node_modules/prisma": {
-      "version": "6.19.2",
-      "resolved": "https://registry.npmjs.org/prisma/-/prisma-6.19.2.tgz",
-      "integrity": "sha512-XTKeKxtQElcq3U9/jHyxSPgiRgeYDKxWTPOf6NkXA0dNj5j40MfEsZkMbyNpwDWCUv7YBFUl7I2VK/6ALbmhEg==",
+      "version": "6.19.3",
+      "resolved": "https://registry.npmjs.org/prisma/-/prisma-6.19.3.tgz",
+      "integrity": "sha512-++ZJ0ijLrDJF6hNB4t4uxg2br3fC4H9Yc9tcbjr2fcNFP3rh/SBNrAgjhsqBU4Ght8JPrVofG/ZkXfnSfnYsFg==",
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@prisma/config": "6.19.2",
-        "@prisma/engines": "6.19.2"
+        "@prisma/config": "6.19.3",
+        "@prisma/engines": "6.19.3"
       },
       "bin": {
         "prisma": "build/index.js"
@@ -5589,7 +5542,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
       "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
@@ -5621,14 +5574,14 @@
       "license": "MIT"
     },
     "node_modules/rolldown": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.9.tgz",
-      "integrity": "sha512-9EbgWge7ZH+yqb4d2EnELAntgPTWbfL8ajiTW+SyhJEC4qhBbkCKbqFV4Ge4zmu5ziQuVbWxb/XwLZ+RIO7E8Q==",
-      "devOptional": true,
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.1.tgz",
+      "integrity": "sha512-X0KQHljNnEkWNqqiz9zJrGunh1B0HgOxLXvnFpCOcadzcy5qohZ3tqMEUg00vncoRovXuK3ZqCT9KnnKzoInFQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@oxc-project/types": "=0.115.0",
-        "@rolldown/pluginutils": "1.0.0-rc.9"
+        "@oxc-project/types": "=0.130.0",
+        "@rolldown/pluginutils": "^1.0.0"
       },
       "bin": {
         "rolldown": "bin/cli.mjs"
@@ -5637,28 +5590,28 @@
         "node": "^20.19.0 || >=22.12.0"
       },
       "optionalDependencies": {
-        "@rolldown/binding-android-arm64": "1.0.0-rc.9",
-        "@rolldown/binding-darwin-arm64": "1.0.0-rc.9",
-        "@rolldown/binding-darwin-x64": "1.0.0-rc.9",
-        "@rolldown/binding-freebsd-x64": "1.0.0-rc.9",
-        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.9",
-        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.9",
-        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.9",
-        "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.9",
-        "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.9",
-        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.9",
-        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.9",
-        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.9",
-        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.9",
-        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.9",
-        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.9"
+        "@rolldown/binding-android-arm64": "1.0.1",
+        "@rolldown/binding-darwin-arm64": "1.0.1",
+        "@rolldown/binding-darwin-x64": "1.0.1",
+        "@rolldown/binding-freebsd-x64": "1.0.1",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.1",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.1",
+        "@rolldown/binding-linux-arm64-musl": "1.0.1",
+        "@rolldown/binding-linux-ppc64-gnu": "1.0.1",
+        "@rolldown/binding-linux-s390x-gnu": "1.0.1",
+        "@rolldown/binding-linux-x64-gnu": "1.0.1",
+        "@rolldown/binding-linux-x64-musl": "1.0.1",
+        "@rolldown/binding-openharmony-arm64": "1.0.1",
+        "@rolldown/binding-wasm32-wasi": "1.0.1",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.1",
+        "@rolldown/binding-win32-x64-msvc": "1.0.1"
       }
     },
     "node_modules/rolldown/node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-rc.9",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.9.tgz",
-      "integrity": "sha512-w6oiRWgEBl04QkFZgmW+jnU1EC9b57Oihi2ot3HNWIQRqgHp5PnYDia5iZ5FF7rpa4EQdiqMDXjlqKGXBhsoXw==",
-      "devOptional": true,
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
+      "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/rxjs": {
@@ -6215,23 +6168,23 @@
       "license": "MIT"
     },
     "node_modules/tinyexec": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.4.tgz",
-      "integrity": "sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.1.2.tgz",
+      "integrity": "sha512-dAqSqE/RabpBKI8+h26GfLq6Vb3JVXs30XYQjdMjaj/c2tS8IYYMbIzP599KtRj7c57/wYApb3QjgRgXmrCukA==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-      "devOptional": true,
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
+        "picomatch": "^4.0.4"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -6347,7 +6300,7 @@
       "version": "4.21.0",
       "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.21.0.tgz",
       "integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "~0.27.0",
@@ -6399,18 +6352,17 @@
       "license": "MIT"
     },
     "node_modules/vite": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.0.tgz",
-      "integrity": "sha512-fPGaRNj9Zytaf8LEiBhY7Z6ijnFKdzU/+mL8EFBaKr7Vw1/FWcTBAMW0wLPJAGMPX38ZPVCVgLceWiEqeoqL2Q==",
-      "devOptional": true,
+      "version": "8.0.13",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.13.tgz",
+      "integrity": "sha512-MFtjBYgzmSxmgA4RAfjIyXWpGe1oALnjgUTzzV7QLx/TKxCzjtMH6Fd9/eVK+5Fg1qNoz5VAwsmMs/NofrmJvw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@oxc-project/runtime": "0.115.0",
         "lightningcss": "^1.32.0",
-        "picomatch": "^4.0.3",
-        "postcss": "^8.5.8",
-        "rolldown": "1.0.0-rc.9",
-        "tinyglobby": "^0.2.15"
+        "picomatch": "^4.0.4",
+        "postcss": "^8.5.14",
+        "rolldown": "1.0.1",
+        "tinyglobby": "^0.2.16"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -6426,8 +6378,8 @@
       },
       "peerDependencies": {
         "@types/node": "^20.19.0 || >=22.12.0",
-        "@vitejs/devtools": "^0.0.0-alpha.31",
-        "esbuild": "^0.27.0",
+        "@vitejs/devtools": "^0.1.18",
+        "esbuild": "^0.27.0 || ^0.28.0",
         "jiti": ">=1.21.0",
         "less": "^4.0.0",
         "sass": "^1.70.0",
diff --git a/package.json b/package.json
index 977ccac..e64e69a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "app-ts",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "description": "",
   "main": "dist/server.js",
   "scripts": {
@@ -18,7 +18,6 @@
     "db:studio": "prisma studio",
     "test": "vitest run",
     "test:watch": "vitest",
-    "bones": "boneyard-js build http://localhost:3000",
     "seed": "tsx prisma/seed.ts"
   },
   "prisma": {
@@ -42,7 +41,6 @@
     "@tanstack/react-query": "^5.100.5",
     "@types/jsdom": "^28.0.1",
     "bcryptjs": "^3.0.3",
-    "boneyard-js": "^1.8.1",
     "date-fns": "^4.1.0",
     "dompurify": "^3.3.3",
     "dotenv": "^17.3.1",
diff --git a/prisma/migrations/20260528000000_remove_offer_exchange_rate/migration.sql b/prisma/migrations/20260528000000_remove_offer_exchange_rate/migration.sql
new file mode 100644
index 0000000..c4a0c3e
--- /dev/null
+++ b/prisma/migrations/20260528000000_remove_offer_exchange_rate/migration.sql
@@ -0,0 +1,3 @@
+-- AlterTable
+ALTER TABLE `quotations` DROP COLUMN `exchange_rate`;
+ALTER TABLE `quotations` DROP COLUMN `exchange_rate_date`;
\ No newline at end of file
diff --git a/prisma/migrations/20260528000001_add_invoice_item_description/migration.sql b/prisma/migrations/20260528000001_add_invoice_item_description/migration.sql
new file mode 100644
index 0000000..b63da72
--- /dev/null
+++ b/prisma/migrations/20260528000001_add_invoice_item_description/migration.sql
@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE `invoice_items` ADD COLUMN `item_description` TEXT NULL;
\ No newline at end of file
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 9c5b55f..373286e 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -153,8 +153,9 @@ model customers {
 model invoice_items {
   id          Int      @id @default(autoincrement())
   invoice_id  Int
-  description String?  @db.VarChar(500)
-  quantity    Decimal? @default(1.000) @db.Decimal(12, 3)
+  description       String?  @db.VarChar(500)
+  item_description String?  @db.Text
+  quantity          Decimal? @default(1.000) @db.Decimal(12, 3)
   unit        String?  @db.VarChar(20)
   unit_price  Decimal? @default(0.00) @db.Decimal(12, 2)
   vat_rate    Decimal? @default(21.00) @db.Decimal(5, 2)
@@ -397,8 +398,6 @@ model quotations {
   language           String?           @default("cs") @db.VarChar(5)
   vat_rate           Decimal?          @default(21.00) @db.Decimal(5, 2)
   apply_vat          Boolean?          @default(true)
-  exchange_rate      Decimal?          @default(1.0000) @db.Decimal(10, 4)
-  exchange_rate_date DateTime?         @db.Date
   order_id           Int?
   status             String            @default("active") @db.VarChar(20)
   scope_title        String?           @db.VarChar(500)
diff --git a/src/admin/lib/queries/invoices.ts b/src/admin/lib/queries/invoices.ts
index f566db6..57ad298 100644
--- a/src/admin/lib/queries/invoices.ts
+++ b/src/admin/lib/queries/invoices.ts
@@ -34,7 +34,7 @@ export interface InvoiceStats {
 export interface InvoiceItem {
   id?: number;
   description: string;
-  item_description?: string;
+  item_description: string;
   quantity: number;
   unit: string;
   unit_price: number;
diff --git a/src/admin/lib/queries/offers.ts b/src/admin/lib/queries/offers.ts
index 8a0d6ab..2d64063 100644
--- a/src/admin/lib/queries/offers.ts
+++ b/src/admin/lib/queries/offers.ts
@@ -70,6 +70,9 @@ export const offerListOptions = (filters: {
   order?: string;
   page?: number;
   perPage?: number;
+  status?: string;
+  customer_id?: number;
+  has_order?: string;
 }) =>
   queryOptions({
     queryKey: ["offers", "list", filters],
@@ -80,6 +83,10 @@ export const offerListOptions = (filters: {
       if (filters.order) params.set("order", filters.order);
       if (filters.page) params.set("page", String(filters.page));
       if (filters.perPage) params.set("per_page", String(filters.perPage));
+      if (filters.status) params.set("status", filters.status);
+      if (filters.customer_id)
+        params.set("customer_id", String(filters.customer_id));
+      if (filters.has_order) params.set("has_order", filters.has_order);
       const qs = params.toString();
       return paginatedJsonQuery(`/api/admin/offers${qs ? `?${qs}` : ""}`);
     },
@@ -127,7 +134,6 @@ export interface OfferDetailData {
   language: string;
   vat_rate: number;
   apply_vat: boolean;
-  exchange_rate: string;
   scope_title: string;
   scope_description: string;
   items?: OfferItemData[];
diff --git a/src/admin/offers.css b/src/admin/offers.css
index eb14e36..c7ee408 100644
--- a/src/admin/offers.css
+++ b/src/admin/offers.css
@@ -627,3 +627,33 @@
   margin-top: 0.2rem;
   opacity: 0.8;
 }
+
+/* Filters */
+.admin-filters {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  align-items: flex-start;
+}
+
+.admin-filter-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+}
+
+.admin-filter-label {
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--text-tertiary);
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
+.admin-filter-group .admin-tabs {
+  flex-wrap: wrap;
+}
+
+.admin-filter-group .admin-form-select {
+  min-width: 10rem;
+}
diff --git a/src/admin/pages/InvoiceDetail.tsx b/src/admin/pages/InvoiceDetail.tsx
index ed851f3..7051c92 100644
--- a/src/admin/pages/InvoiceDetail.tsx
+++ b/src/admin/pages/InvoiceDetail.tsx
@@ -10,8 +10,6 @@ import DOMPurify from "dompurify";
 import { useAlert } from "../context/AlertContext";
 import { useAuth } from "../context/AuthContext";
 import Forbidden from "../components/Forbidden";
-import { Skeleton } from "boneyard-js/react";
-import InvoiceDetailFixture from "../fixtures/InvoiceDetailFixture";
 import FormField from "../components/FormField";
 import AdminDatePicker from "../components/AdminDatePicker";
 import ConfirmModal from "../components/ConfirmModal";
@@ -74,6 +72,7 @@ interface InvoiceItem {
   id?: number;
   _key: string;
   description: string;
+  item_description: string;
   quantity: number;
   unit: string;
   unit_price: number;
@@ -166,14 +165,28 @@ function SortableInvoiceRow({
         </button>
       </td>
       <td className="text-tertiary text-center fw-500">{index + 1}</td>
-      <td>
-        <input
-          type="text"
-          value={item.description}
-          onChange={(e) => onUpdate(index, "description", e.target.value)}
-          className="admin-form-input fw-500"
-          placeholder="Popis položky..."
-        />
+      <td style={{ verticalAlign: "top" }}>
+        <div
+          style={{ display: "flex", flexDirection: "column", gap: "0.25rem" }}
+        >
+          <input
+            type="text"
+            value={item.description}
+            onChange={(e) => onUpdate(index, "description", e.target.value)}
+            className="admin-form-input fw-500"
+            placeholder="Popis položky..."
+          />
+          <input
+            type="text"
+            value={item.item_description}
+            onChange={(e) =>
+              onUpdate(index, "item_description", e.target.value)
+            }
+            className="admin-form-input"
+            placeholder="Podrobný popis (volitelný)"
+            style={{ fontSize: "0.8rem", opacity: 0.8 }}
+          />
+        </div>
       </td>
       <td>
         <input
@@ -281,6 +294,7 @@ export default function InvoiceDetail() {
     (): InvoiceItem => ({
       _key: `inv-${++keyCounterRef.current}`,
       description: "",
+      item_description: "",
       quantity: 1,
       unit: "ks",
       unit_price: 0,
@@ -508,6 +522,7 @@ export default function InvoiceDetail() {
             _key: `inv-${++keyCounterRef.current}`,
             id: item.id,
             description: item.description || "",
+            item_description: item.item_description || "",
             quantity: Number(item.quantity) || 1,
             unit: item.unit || "",
             unit_price: Number(item.unit_price) || 0,
@@ -587,6 +602,7 @@ export default function InvoiceDetail() {
           orderItems.map((item) => ({
             _key: `inv-${++keyCounterRef.current}`,
             description: (item.description as string) || "",
+            item_description: (item.item_description as string) || "",
             quantity: Number(item.quantity) || 1,
             unit: (item.unit as string) || "",
             unit_price: Number(item.unit_price) || 0,
@@ -910,330 +926,16 @@ export default function InvoiceDetail() {
   if (isEdit && !invoice) return null;
 
   if (isPaid && invoice) {
-    return (
-      <Skeleton
-        name="invoice-detail"
-        loading={!dataReady}
-        fixture={<InvoiceDetailFixture />}
-      >
-        <div>
-          {/* Header */}
-          <motion.div
-            className="admin-page-header"
-            initial={{ opacity: 0, y: 12 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.25 }}
-          >
-            <div className="flex-row gap-4">
-              <Link
-                to="/invoices"
-                className="admin-btn-icon"
-                title="Zpět"
-                aria-label="Zpět"
-              >
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  strokeWidth="2"
-                >
-                  <path d="M19 12H5M12 19l-7-7 7-7" />
-                </svg>
-              </Link>
-              <div>
-                <h1 className="admin-page-title flex-row-gap">
-                  Faktura {invoice.invoice_number}
-                  <span
-                    className={`admin-badge ${STATUS_CLASSES[invoice.status] || ""}`}
-                  >
-                    {STATUS_LABELS[invoice.status] || invoice.status}
-                  </span>
-                </h1>
-              </div>
-            </div>
-            <div className="admin-page-actions">
-              {hasPermission("invoices.export") && (
-                <button
-                  onClick={() => handleViewPdf(invoice.language || "cs")}
-                  className="admin-btn admin-btn-secondary"
-                  style={{
-                    display: "inline-flex",
-                    alignItems: "center",
-                    gap: "0.4rem",
-                  }}
-                  disabled={pdfLoading}
-                >
-                  {pdfLoading ? (
-                    <div className="admin-spinner admin-spinner-sm" />
-                  ) : (
-                    <svg
-                      width="16"
-                      height="16"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      strokeWidth="2"
-                    >
-                      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
-                      <polyline points="14 2 14 8 20 8" />
-                    </svg>
-                  )}
-                  Zobrazit fakturu
-                </button>
-              )}
-              {hasPermission("invoices.delete") && (
-                <button
-                  onClick={() => setDeleteConfirm(true)}
-                  className="admin-btn admin-btn-primary"
-                >
-                  Smazat
-                </button>
-              )}
-            </div>
-          </motion.div>
-
-          {/* Info */}
-          <motion.div
-            className="admin-editor-section"
-            initial={{ opacity: 0, y: 12 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.25, delay: 0.06 }}
-          >
-            <h3 className="admin-card-title">Informace</h3>
-            <div className="admin-form">
-              <div className="admin-form-row admin-form-row-3 mb-2">
-                <FormField label="Zákazník">
-                  <div className="fw-500">
-                    {invoice.customer_name || "\u2014"}
-                  </div>
-                  {invoice.customer && (
-                    <div
-                      className="text-tertiary"
-                      style={{ fontSize: "0.8rem", marginTop: "0.2rem" }}
-                    >
-                      {invoice.customer.company_id &&
-                        `IČ: ${invoice.customer.company_id}`}
-                      {invoice.customer.vat_id &&
-                        ` · DIČ: ${invoice.customer.vat_id}`}
-                    </div>
-                  )}
-                </FormField>
-                <FormField label="Objednávka">
-                  <div>
-                    {invoice.order_id ? (
-                      <Link
-                        to={`/orders/${invoice.order_id}`}
-                        className="link-accent"
-                      >
-                        {invoice.order_number}
-                      </Link>
-                    ) : (
-                      "\u2014"
-                    )}
-                  </div>
-                </FormField>
-                <FormField label="Měna">
-                  <div>{invoice.currency}</div>
-                </FormField>
-              </div>
-              <div className="admin-form-row admin-form-row-3 mb-2">
-                <FormField label="Datum vystavení">
-                  <div>{formatDate(invoice.issue_date)}</div>
-                </FormField>
-                <FormField label="Datum splatnosti">
-                  <div>{formatDate(invoice.due_date)}</div>
-                </FormField>
-                <FormField label="DÚZP">
-                  <div>{formatDate(invoice.tax_date)}</div>
-                </FormField>
-              </div>
-              <div className="admin-form-row admin-form-row-3">
-                <FormField label="Forma úhrady">
-                  <div>{invoice.payment_method}</div>
-                </FormField>
-                <FormField label="Variabilní symbol">
-                  <div>{invoice.invoice_number}</div>
-                </FormField>
-                <FormField label="Vystavil">
-                  <div>{invoice.issued_by || "\u2014"}</div>
-                </FormField>
-              </div>
-              {invoice.paid_date && (
-                <div className="admin-form-row mt-2">
-                  <FormField label="Datum úhrady">
-                    <div className="fw-500" style={{ color: "var(--success)" }}>
-                      {formatDate(invoice.paid_date)}
-                    </div>
-                  </FormField>
-                </div>
-              )}
-            </div>
-          </motion.div>
-
-          {/* Items (read-only) */}
-          <motion.div
-            className="admin-card"
-            initial={{ opacity: 0, y: 12 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.25, delay: 0.12 }}
-          >
-            <div className="admin-card-body">
-              <div className="admin-card-header flex-between">
-                <h3 className="admin-card-title">Položky</h3>
-              </div>
-              {invoice.items?.length > 0 ? (
-                <div className="admin-table-responsive">
-                  <table className="admin-table">
-                    <thead>
-                      <tr>
-                        <th style={{ width: "2.5rem", textAlign: "center" }}>
-                          #
-                        </th>
-                        <th>Popis</th>
-                        <th style={{ width: "5.5rem", textAlign: "center" }}>
-                          Množství
-                        </th>
-                        <th style={{ width: "5rem", textAlign: "center" }}>
-                          Jednotka
-                        </th>
-                        <th style={{ width: "8rem", textAlign: "right" }}>
-                          Jedn. cena
-                        </th>
-                        <th style={{ width: "4rem", textAlign: "center" }}>
-                          %DPH
-                        </th>
-                        <th style={{ width: "9rem", textAlign: "right" }}>
-                          Celkem
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      {invoice.items.map((item, index) => {
-                        const lineSubtotal =
-                          (Number(item.quantity) || 0) *
-                          (Number(item.unit_price) || 0);
-                        const lineVat = Number(invoice.apply_vat)
-                          ? (lineSubtotal * (Number(item.vat_rate) || 0)) / 100
-                          : 0;
-                        return (
-                          <tr key={item.id || index}>
-                            <td className="text-tertiary text-center fw-500">
-                              {index + 1}
-                            </td>
-                            <td className="fw-500">
-                              {item.description || "\u2014"}
-                            </td>
-                            <td className="text-center">
-                              {item.quantity}{" "}
-                              {item.unit && (
-                                <span className="text-tertiary">
-                                  {item.unit}
-                                </span>
-                              )}
-                            </td>
-                            <td className="text-center">
-                              {item.unit || "\u2014"}
-                            </td>
-                            <td className="admin-mono text-right">
-                              {formatCurrency(
-                                item.unit_price,
-                                invoice.currency,
-                              )}
-                            </td>
-                            <td className="text-center">
-                              {Number(invoice.apply_vat)
-                                ? Number(item.vat_rate)
-                                : 0}
-                              %
-                            </td>
-                            <td className="admin-mono text-right fw-600">
-                              {formatCurrency(
-                                lineSubtotal + lineVat,
-                                invoice.currency,
-                              )}
-                            </td>
-                          </tr>
-                        );
-                      })}
-                    </tbody>
-                  </table>
-                </div>
-              ) : (
-                <p className="text-tertiary">Žádné položky.</p>
-              )}
-
-              <div className="admin-totals-summary">
-                <div className="admin-totals-row">
-                  <span>Mezisoučet:</span>
-                  <span>
-                    {formatCurrency(createTotals.subtotal, invoice.currency)}
-                  </span>
-                </div>
-                {Number(invoice.apply_vat) > 0 &&
-                  Object.entries(createTotals.vatByRate).map(
-                    ([rate, amount]) => (
-                      <div key={rate} className="admin-totals-row">
-                        <span>DPH {rate}%:</span>
-                        <span>{formatCurrency(amount, invoice.currency)}</span>
-                      </div>
-                    ),
-                  )}
-                <div className="admin-totals-row admin-totals-total">
-                  <span>Celkem k úhradě:</span>
-                  <span>
-                    {formatCurrency(createTotals.total, invoice.currency)}
-                  </span>
-                </div>
-              </div>
-            </div>
-          </motion.div>
-
-          {/* Notes (read-only) */}
-          <motion.div
-            className="admin-editor-section"
-            initial={{ opacity: 0, y: 12 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.25, delay: 0.15 }}
-          >
-            <h3 className="admin-card-title">Veřejné poznámky na faktuře</h3>
-            {notes && notes.trim() && notes !== "<p><br></p>" ? (
-              <div
-                dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(notes) }}
-              />
-            ) : (
-              <p className="text-tertiary">Žádné poznámky.</p>
-            )}
-          </motion.div>
-
-          {/* Delete confirm */}
-          <ConfirmModal
-            isOpen={deleteConfirm}
-            onClose={() => setDeleteConfirm(false)}
-            onConfirm={handleDelete}
-            title="Smazat fakturu"
-            message={`Opravdu chcete smazat fakturu "${invoice.invoice_number}"? Tato akce je nevratná.`}
-            confirmText="Smazat"
-            cancelText="Zrušit"
-            type="danger"
-            loading={deleting}
-          />
+    if (!dataReady) {
+      return (
+        <div className="admin-loading">
+          <div className="admin-spinner" />
         </div>
-      </Skeleton>
-    );
-  }
-
-  // ═══════════════════════════════════════════════════════════
-  // CREATE MODE + EDIT (not paid) — shared form
-  // ═══════════════════════════════════════════════════════════
-  return (
-    <Skeleton
-      name="invoice-detail"
-      loading={!dataReady}
-      fixture={<InvoiceDetailFixture />}
-    >
+      );
+    }
+    return (
       <div>
+        {/* Header */}
         <motion.div
           className="admin-page-header"
           initial={{ opacity: 0, y: 12 }}
@@ -1259,32 +961,18 @@ export default function InvoiceDetail() {
               </svg>
             </Link>
             <div>
-              {isEdit && invoice ? (
-                <h1 className="admin-page-title flex-row-gap">
-                  Faktura {invoice.invoice_number}
-                  <span
-                    className={`admin-badge ${STATUS_CLASSES[invoice.status] || ""}`}
-                  >
-                    {STATUS_LABELS[invoice.status] || invoice.status}
-                  </span>
-                </h1>
-              ) : (
-                <>
-                  <h1 className="admin-page-title">
-                    Nová faktura{" "}
-                    {invoiceNumber && (
-                      <span className="text-tertiary">({invoiceNumber})</span>
-                    )}
-                  </h1>
-                  {fromOrderId && (
-                    <p className="admin-page-subtitle">Z objednávky</p>
-                  )}
-                </>
-              )}
+              <h1 className="admin-page-title flex-row-gap">
+                Faktura {invoice.invoice_number}
+                <span
+                  className={`admin-badge ${STATUS_CLASSES[invoice.status] || ""}`}
+                >
+                  {STATUS_LABELS[invoice.status] || invoice.status}
+                </span>
+              </h1>
             </div>
           </div>
           <div className="admin-page-actions">
-            {isEdit && invoice && hasPermission("invoices.export") && (
+            {hasPermission("invoices.export") && (
               <button
                 onClick={() => handleViewPdf(invoice.language || "cs")}
                 className="admin-btn admin-btn-secondary"
@@ -1313,493 +1001,819 @@ export default function InvoiceDetail() {
                 Zobrazit fakturu
               </button>
             )}
-            <button
-              onClick={handleCreateSubmit}
-              className="admin-btn admin-btn-primary"
-              disabled={saving}
-            >
-              {saving ? (
-                <>
-                  <div className="admin-spinner admin-spinner-sm" />
-                  Ukládání...
-                </>
-              ) : (
-                "Uložit"
-              )}
-            </button>
-            {isEdit && invoice && (
-              <>
-                {hasPermission("invoices.edit") &&
-                  invoice.valid_transitions?.map((status) => (
-                    <button
-                      key={status}
-                      onClick={() => setStatusConfirm({ show: true, status })}
-                      className={
-                        TRANSITION_CLASSES[status] ||
-                        "admin-btn admin-btn-secondary"
-                      }
-                      disabled={statusChanging === status}
-                    >
-                      {statusChanging === status ? (
-                        <div
-                          className="admin-spinner"
-                          style={{ width: 14, height: 14, borderWidth: 2 }}
-                        />
-                      ) : (
-                        TRANSITION_LABELS[status] || status
-                      )}
-                    </button>
-                  ))}
-                {hasPermission("invoices.delete") && (
-                  <button
-                    onClick={() => setDeleteConfirm(true)}
-                    className="admin-btn admin-btn-primary"
-                  >
-                    Smazat
-                  </button>
-                )}
-              </>
+            {hasPermission("invoices.delete") && (
+              <button
+                onClick={() => setDeleteConfirm(true)}
+                className="admin-btn admin-btn-primary"
+              >
+                Smazat
+              </button>
             )}
           </div>
         </motion.div>
 
-        <form onSubmit={handleCreateSubmit}>
-          {/* Basic info */}
-          <motion.div
-            className="admin-editor-section"
-            initial={{ opacity: 0, y: 12 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.25, delay: 0.06 }}
-          >
-            <h3 className="admin-card-title">Základní údaje</h3>
-            <div className="admin-form">
-              <div className="admin-form-row admin-form-row-3">
-                <FormField label="Číslo faktury">
-                  <input
-                    type="text"
-                    value={invoiceNumber}
-                    readOnly
-                    className="admin-form-input"
-                    style={{
-                      backgroundColor: "var(--bg-secondary)",
-                      cursor: "default",
-                    }}
-                  />
-                </FormField>
-                <FormField
-                  label="Odběratel"
-                  error={errors.customer_id}
-                  required
-                >
-                  {form.customer_id ? (
-                    <div className="admin-customer-selected">
-                      <span>{form.customer_name}</span>
-                      <button
-                        type="button"
-                        onClick={() =>
-                          setForm((prev) => ({
-                            ...prev,
-                            customer_id: null,
-                            customer_name: "",
-                          }))
-                        }
-                        className="admin-btn-icon"
-                        title="Odebrat zákazníka"
-                      >
-                        <svg
-                          width="14"
-                          height="14"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          stroke="currentColor"
-                          strokeWidth="2"
-                        >
-                          <line x1="18" y1="6" x2="6" y2="18" />
-                          <line x1="6" y1="6" x2="18" y2="18" />
-                        </svg>
-                      </button>
-                    </div>
-                  ) : (
-                    <div
-                      className="admin-customer-select"
-                      onClick={(e) => e.stopPropagation()}
-                    >
-                      <input
-                        type="text"
-                        value={customerSearch}
-                        onChange={(e) => {
-                          setCustomerSearch(e.target.value);
-                          setShowCustomerDropdown(true);
-                        }}
-                        onFocus={() => setShowCustomerDropdown(true)}
-                        className="admin-form-input"
-                        placeholder="Hledat zákazníka (název, IČ, město)..."
-                        autoComplete="off"
-                      />
-                      {showCustomerDropdown && (
-                        <div className="admin-customer-dropdown">
-                          {filteredCustomers.length === 0 ? (
-                            <div className="admin-customer-dropdown-empty">
-                              Žádní zákazníci
-                            </div>
-                          ) : (
-                            filteredCustomers.slice(0, 10).map((c) => (
-                              <div
-                                key={c.id}
-                                className="admin-customer-dropdown-item"
-                                onMouseDown={() => selectCustomer(c)}
-                              >
-                                <div>{c.name}</div>
-                                {(c.company_id || c.city) && (
-                                  <div>
-                                    {c.company_id && `IČ: ${c.company_id}`}
-                                    {c.city && ` · ${c.city}`}
-                                  </div>
-                                )}
-                              </div>
-                            ))
-                          )}
-                        </div>
-                      )}
-                    </div>
-                  )}
-                </FormField>
-                <FormField label="Vystavil">
-                  <input
-                    type="text"
-                    value={form.issued_by}
-                    className="admin-form-input"
-                    readOnly
-                    style={{
-                      backgroundColor: "var(--bg-secondary)",
-                      cursor: "default",
-                    }}
-                  />
-                </FormField>
-              </div>
-
-              <FormField label="Text fakturace (na PDF)">
-                <input
-                  type="text"
-                  value={form.billing_text}
-                  onChange={(e) =>
-                    setForm((prev) => ({
-                      ...prev,
-                      billing_text: e.target.value,
-                    }))
-                  }
-                  className="admin-form-input"
-                  placeholder="Fakturujeme Vám za: (ponechte prázdné pro výchozí)"
-                />
+        {/* Info */}
+        <motion.div
+          className="admin-editor-section"
+          initial={{ opacity: 0, y: 12 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.25, delay: 0.06 }}
+        >
+          <h3 className="admin-card-title">Informace</h3>
+          <div className="admin-form">
+            <div className="admin-form-row admin-form-row-3 mb-2">
+              <FormField label="Zákazník">
+                <div className="fw-500">
+                  {invoice.customer_name || "\u2014"}
+                </div>
+                {invoice.customer && (
+                  <div
+                    className="text-tertiary"
+                    style={{ fontSize: "0.8rem", marginTop: "0.2rem" }}
+                  >
+                    {invoice.customer.company_id &&
+                      `IČ: ${invoice.customer.company_id}`}
+                    {invoice.customer.vat_id &&
+                      ` · DIČ: ${invoice.customer.vat_id}`}
+                  </div>
+                )}
               </FormField>
-
-              <div className="admin-form-row">
-                <FormField
-                  label="Datum vystavení"
-                  error={errors.issue_date}
-                  required
-                >
-                  <AdminDatePicker
-                    mode="date"
-                    value={form.issue_date}
-                    onChange={(val: string) => {
-                      setForm((prev) => ({ ...prev, issue_date: val }));
-                      setErrors((prev) => ({ ...prev, issue_date: "" }));
-                    }}
-                  />
-                </FormField>
-                <FormField label="Splatnost (dny)">
-                  <select
-                    value={dueDays}
-                    onChange={(e) => setDueDays(Number(e.target.value))}
-                    className="admin-form-select"
-                  >
-                    {Array.from({ length: 60 }, (_, i) => i + 1).map((n) => (
-                      <option key={n} value={n}>
-                        {n}
-                      </option>
-                    ))}
-                  </select>
-                  {computedDueDate && (
-                    <span className="text-tertiary text-xs mt-1">
-                      Splatnost:{" "}
-                      {new Date(computedDueDate).toLocaleDateString("cs-CZ")}
-                    </span>
+              <FormField label="Objednávka">
+                <div>
+                  {invoice.order_id ? (
+                    <Link
+                      to={`/orders/${invoice.order_id}`}
+                      className="link-accent"
+                    >
+                      {invoice.order_number}
+                    </Link>
+                  ) : (
+                    "\u2014"
                   )}
-                </FormField>
-                <FormField label="DÚZP" error={errors.tax_date} required>
-                  <AdminDatePicker
-                    mode="date"
-                    value={form.tax_date}
-                    onChange={(val: string) => {
-                      setForm((prev) => ({ ...prev, tax_date: val }));
-                      setErrors((prev) => ({ ...prev, tax_date: "" }));
-                    }}
-                  />
-                </FormField>
-              </div>
-
-              <div className="admin-form-row admin-form-row-3">
-                <FormField label="Forma úhrady">
-                  <select
-                    value={form.payment_method}
-                    onChange={(e) =>
-                      setForm((prev) => ({
-                        ...prev,
-                        payment_method: e.target.value,
-                      }))
-                    }
-                    className="admin-form-select"
-                  >
-                    <option value="Příkazem">Příkazem</option>
-                    <option value="Hotově">Hotově</option>
-                    <option value="Dobírka">Dobírka</option>
-                  </select>
-                </FormField>
-                <FormField label="Měna">
-                  <select
-                    value={form.currency}
-                    onChange={(e) =>
-                      setForm((prev) => ({ ...prev, currency: e.target.value }))
-                    }
-                    className="admin-form-select"
-                  >
-                    {(
-                      companySettings?.available_currencies || [
-                        "CZK",
-                        "EUR",
-                        "USD",
-                        "GBP",
-                      ]
-                    ).map((c) => (
-                      <option key={c} value={c}>
-                        {c}
-                      </option>
-                    ))}
-                  </select>
-                </FormField>
-                <FormField label="Jazyk faktury">
-                  <select
-                    value={form.language}
-                    onChange={(e) =>
-                      setForm((prev) => ({
-                        ...prev,
-                        language: e.target.value,
-                      }))
-                    }
-                    className="admin-form-select"
-                  >
-                    <option value="cs">Čeština</option>
-                    <option value="en">English</option>
-                  </select>
-                </FormField>
-                <FormField label="DPH">
-                  <div className="flex-row-gap">
-                    <label className="admin-form-checkbox whitespace-nowrap">
-                      <input
-                        type="checkbox"
-                        checked={!!form.apply_vat}
-                        onChange={(e) =>
-                          setForm((prev) => ({
-                            ...prev,
-                            apply_vat: e.target.checked ? 1 : 0,
-                          }))
-                        }
-                      />
-                      <span>Uplatnit DPH</span>
-                    </label>
+                </div>
+              </FormField>
+              <FormField label="Měna">
+                <div>{invoice.currency}</div>
+              </FormField>
+            </div>
+            <div className="admin-form-row admin-form-row-3 mb-2">
+              <FormField label="Datum vystavení">
+                <div>{formatDate(invoice.issue_date)}</div>
+              </FormField>
+              <FormField label="Datum splatnosti">
+                <div>{formatDate(invoice.due_date)}</div>
+              </FormField>
+              <FormField label="DÚZP">
+                <div>{formatDate(invoice.tax_date)}</div>
+              </FormField>
+            </div>
+            <div className="admin-form-row admin-form-row-3">
+              <FormField label="Forma úhrady">
+                <div>{invoice.payment_method}</div>
+              </FormField>
+              <FormField label="Variabilní symbol">
+                <div>{invoice.invoice_number}</div>
+              </FormField>
+              <FormField label="Vystavil">
+                <div>{invoice.issued_by || "\u2014"}</div>
+              </FormField>
+            </div>
+            {invoice.paid_date && (
+              <div className="admin-form-row mt-2">
+                <FormField label="Datum úhrady">
+                  <div className="fw-500" style={{ color: "var(--success)" }}>
+                    {formatDate(invoice.paid_date)}
                   </div>
                 </FormField>
               </div>
+            )}
+          </div>
+        </motion.div>
 
+        {/* Items (read-only) */}
+        <motion.div
+          className="admin-card"
+          initial={{ opacity: 0, y: 12 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.25, delay: 0.12 }}
+        >
+          <div className="admin-card-body">
+            <div className="admin-card-header flex-between">
+              <h3 className="admin-card-title">Položky</h3>
+            </div>
+            {invoice.items?.length > 0 ? (
+              <div className="admin-table-responsive">
+                <table className="admin-table">
+                  <thead>
+                    <tr>
+                      <th style={{ width: "2.5rem", textAlign: "center" }}>
+                        #
+                      </th>
+                      <th>Popis</th>
+                      <th style={{ width: "5.5rem", textAlign: "center" }}>
+                        Množství
+                      </th>
+                      <th style={{ width: "5rem", textAlign: "center" }}>
+                        Jednotka
+                      </th>
+                      <th style={{ width: "8rem", textAlign: "right" }}>
+                        Jedn. cena
+                      </th>
+                      <th style={{ width: "4rem", textAlign: "center" }}>
+                        %DPH
+                      </th>
+                      <th style={{ width: "9rem", textAlign: "right" }}>
+                        Celkem
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {invoice.items.map((item, index) => {
+                      const lineSubtotal =
+                        (Number(item.quantity) || 0) *
+                        (Number(item.unit_price) || 0);
+                      const lineVat = Number(invoice.apply_vat)
+                        ? (lineSubtotal * (Number(item.vat_rate) || 0)) / 100
+                        : 0;
+                      return (
+                        <tr key={item.id || index}>
+                          <td className="text-tertiary text-center fw-500">
+                            {index + 1}
+                          </td>
+                          <td className="fw-500">
+                            {item.description || "\u2014"}
+                            {item.item_description && (
+                              <div
+                                style={{
+                                  fontSize: "0.8rem",
+                                  opacity: 0.8,
+                                  marginTop: 2,
+                                }}
+                              >
+                                {item.item_description}
+                              </div>
+                            )}
+                          </td>
+                          <td className="text-center">
+                            {item.quantity}{" "}
+                            {item.unit && (
+                              <span className="text-tertiary">{item.unit}</span>
+                            )}
+                          </td>
+                          <td className="text-center">
+                            {item.unit || "\u2014"}
+                          </td>
+                          <td className="admin-mono text-right">
+                            {formatCurrency(item.unit_price, invoice.currency)}
+                          </td>
+                          <td className="text-center">
+                            {Number(invoice.apply_vat)
+                              ? Number(item.vat_rate)
+                              : 0}
+                            %
+                          </td>
+                          <td className="admin-mono text-right fw-600">
+                            {formatCurrency(
+                              lineSubtotal + lineVat,
+                              invoice.currency,
+                            )}
+                          </td>
+                        </tr>
+                      );
+                    })}
+                  </tbody>
+                </table>
+              </div>
+            ) : (
+              <p className="text-tertiary">Žádné položky.</p>
+            )}
+
+            <div className="admin-totals-summary">
+              <div className="admin-totals-row">
+                <span>Mezisoučet:</span>
+                <span>
+                  {formatCurrency(createTotals.subtotal, invoice.currency)}
+                </span>
+              </div>
+              {Number(invoice.apply_vat) > 0 &&
+                Object.entries(createTotals.vatByRate).map(([rate, amount]) => (
+                  <div key={rate} className="admin-totals-row">
+                    <span>DPH {rate}%:</span>
+                    <span>{formatCurrency(amount, invoice.currency)}</span>
+                  </div>
+                ))}
+              <div className="admin-totals-row admin-totals-total">
+                <span>Celkem k úhradě:</span>
+                <span>
+                  {formatCurrency(createTotals.total, invoice.currency)}
+                </span>
+              </div>
+            </div>
+          </div>
+        </motion.div>
+
+        {/* Notes (read-only) */}
+        <motion.div
+          className="admin-editor-section"
+          initial={{ opacity: 0, y: 12 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.25, delay: 0.15 }}
+        >
+          <h3 className="admin-card-title">Veřejné poznámky na faktuře</h3>
+          {notes && notes.trim() && notes !== "<p><br></p>" ? (
+            <div
+              dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(notes) }}
+            />
+          ) : (
+            <p className="text-tertiary">Žádné poznámky.</p>
+          )}
+        </motion.div>
+
+        {/* Delete confirm */}
+        <ConfirmModal
+          isOpen={deleteConfirm}
+          onClose={() => setDeleteConfirm(false)}
+          onConfirm={handleDelete}
+          title="Smazat fakturu"
+          message={`Opravdu chcete smazat fakturu "${invoice.invoice_number}"? Tato akce je nevratná.`}
+          confirmText="Smazat"
+          cancelText="Zrušit"
+          type="danger"
+          loading={deleting}
+        />
+      </div>
+    );
+  }
+
+  // ═══════════════════════════════════════════════════════════
+  // CREATE MODE + EDIT (not paid) — shared form
+  // ═══════════════════════════════════════════════════════════
+  if (!dataReady) {
+    return (
+      <div className="admin-loading">
+        <div className="admin-spinner" />
+      </div>
+    );
+  }
+  return (
+    <div>
+      <motion.div
+        className="admin-page-header"
+        initial={{ opacity: 0, y: 12 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.25 }}
+      >
+        <div className="flex-row gap-4">
+          <Link
+            to="/invoices"
+            className="admin-btn-icon"
+            title="Zpět"
+            aria-label="Zpět"
+          >
+            <svg
+              width="20"
+              height="20"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2"
+            >
+              <path d="M19 12H5M12 19l-7-7 7-7" />
+            </svg>
+          </Link>
+          <div>
+            {isEdit && invoice ? (
+              <h1 className="admin-page-title flex-row-gap">
+                Faktura {invoice.invoice_number}
+                <span
+                  className={`admin-badge ${STATUS_CLASSES[invoice.status] || ""}`}
+                >
+                  {STATUS_LABELS[invoice.status] || invoice.status}
+                </span>
+              </h1>
+            ) : (
+              <>
+                <h1 className="admin-page-title">
+                  Nová faktura{" "}
+                  {invoiceNumber && (
+                    <span className="text-tertiary">({invoiceNumber})</span>
+                  )}
+                </h1>
+                {fromOrderId && (
+                  <p className="admin-page-subtitle">Z objednávky</p>
+                )}
+              </>
+            )}
+          </div>
+        </div>
+        <div className="admin-page-actions">
+          {isEdit && invoice && hasPermission("invoices.export") && (
+            <button
+              onClick={() => handleViewPdf(invoice.language || "cs")}
+              className="admin-btn admin-btn-secondary"
+              style={{
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "0.4rem",
+              }}
+              disabled={pdfLoading}
+            >
+              {pdfLoading ? (
+                <div className="admin-spinner admin-spinner-sm" />
+              ) : (
+                <svg
+                  width="16"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                >
+                  <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                  <polyline points="14 2 14 8 20 8" />
+                </svg>
+              )}
+              Zobrazit fakturu
+            </button>
+          )}
+          <button
+            onClick={handleCreateSubmit}
+            className="admin-btn admin-btn-primary"
+            disabled={saving}
+          >
+            {saving ? (
+              <>
+                <div className="admin-spinner admin-spinner-sm" />
+                Ukládání...
+              </>
+            ) : (
+              "Uložit"
+            )}
+          </button>
+          {isEdit && invoice && (
+            <>
+              {hasPermission("invoices.edit") &&
+                invoice.valid_transitions?.map((status) => (
+                  <button
+                    key={status}
+                    onClick={() => setStatusConfirm({ show: true, status })}
+                    className={
+                      TRANSITION_CLASSES[status] ||
+                      "admin-btn admin-btn-secondary"
+                    }
+                    disabled={statusChanging === status}
+                  >
+                    {statusChanging === status ? (
+                      <div
+                        className="admin-spinner"
+                        style={{ width: 14, height: 14, borderWidth: 2 }}
+                      />
+                    ) : (
+                      TRANSITION_LABELS[status] || status
+                    )}
+                  </button>
+                ))}
+              {hasPermission("invoices.delete") && (
+                <button
+                  onClick={() => setDeleteConfirm(true)}
+                  className="admin-btn admin-btn-primary"
+                >
+                  Smazat
+                </button>
+              )}
+            </>
+          )}
+        </div>
+      </motion.div>
+
+      <form onSubmit={handleCreateSubmit}>
+        {/* Basic info */}
+        <motion.div
+          className="admin-editor-section"
+          initial={{ opacity: 0, y: 12 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.25, delay: 0.06 }}
+        >
+          <h3 className="admin-card-title">Základní údaje</h3>
+          <div className="admin-form">
+            <div className="admin-form-row admin-form-row-3">
+              <FormField label="Číslo faktury">
+                <input
+                  type="text"
+                  value={invoiceNumber}
+                  readOnly
+                  className="admin-form-input"
+                  style={{
+                    backgroundColor: "var(--bg-secondary)",
+                    cursor: "default",
+                  }}
+                />
+              </FormField>
+              <FormField label="Odběratel" error={errors.customer_id} required>
+                {form.customer_id ? (
+                  <div className="admin-customer-selected">
+                    <span>{form.customer_name}</span>
+                    <button
+                      type="button"
+                      onClick={() =>
+                        setForm((prev) => ({
+                          ...prev,
+                          customer_id: null,
+                          customer_name: "",
+                        }))
+                      }
+                      className="admin-btn-icon"
+                      title="Odebrat zákazníka"
+                    >
+                      <svg
+                        width="14"
+                        height="14"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        strokeWidth="2"
+                      >
+                        <line x1="18" y1="6" x2="6" y2="18" />
+                        <line x1="6" y1="6" x2="18" y2="18" />
+                      </svg>
+                    </button>
+                  </div>
+                ) : (
+                  <div
+                    className="admin-customer-select"
+                    onClick={(e) => e.stopPropagation()}
+                  >
+                    <input
+                      type="text"
+                      value={customerSearch}
+                      onChange={(e) => {
+                        setCustomerSearch(e.target.value);
+                        setShowCustomerDropdown(true);
+                      }}
+                      onFocus={() => setShowCustomerDropdown(true)}
+                      className="admin-form-input"
+                      placeholder="Hledat zákazníka (název, IČ, město)..."
+                      autoComplete="off"
+                    />
+                    {showCustomerDropdown && (
+                      <div className="admin-customer-dropdown">
+                        {filteredCustomers.length === 0 ? (
+                          <div className="admin-customer-dropdown-empty">
+                            Žádní zákazníci
+                          </div>
+                        ) : (
+                          filteredCustomers.slice(0, 10).map((c) => (
+                            <div
+                              key={c.id}
+                              className="admin-customer-dropdown-item"
+                              onMouseDown={() => selectCustomer(c)}
+                            >
+                              <div>{c.name}</div>
+                              {(c.company_id || c.city) && (
+                                <div>
+                                  {c.company_id && `IČ: ${c.company_id}`}
+                                  {c.city && ` · ${c.city}`}
+                                </div>
+                              )}
+                            </div>
+                          ))
+                        )}
+                      </div>
+                    )}
+                  </div>
+                )}
+              </FormField>
+              <FormField label="Vystavil">
+                <input
+                  type="text"
+                  value={form.issued_by}
+                  className="admin-form-input"
+                  readOnly
+                  style={{
+                    backgroundColor: "var(--bg-secondary)",
+                    cursor: "default",
+                  }}
+                />
+              </FormField>
+            </div>
+
+            <FormField label="Text fakturace (na PDF)">
+              <input
+                type="text"
+                value={form.billing_text}
+                onChange={(e) =>
+                  setForm((prev) => ({
+                    ...prev,
+                    billing_text: e.target.value,
+                  }))
+                }
+                className="admin-form-input"
+                placeholder="Fakturujeme Vám za: (ponechte prázdné pro výchozí)"
+              />
+            </FormField>
+
+            <div className="admin-form-row">
               <FormField
-                label="Bankovní účet"
-                error={errors.bank_account_id}
+                label="Datum vystavení"
+                error={errors.issue_date}
                 required
               >
-                <select
-                  value={form.bank_account_id}
-                  onChange={(e) => {
-                    selectBankAccount(e.target.value);
-                    setErrors((prev) => ({ ...prev, bank_account_id: "" }));
+                <AdminDatePicker
+                  mode="date"
+                  value={form.issue_date}
+                  onChange={(val: string) => {
+                    setForm((prev) => ({ ...prev, issue_date: val }));
+                    setErrors((prev) => ({ ...prev, issue_date: "" }));
                   }}
+                />
+              </FormField>
+              <FormField label="Splatnost (dny)">
+                <select
+                  value={dueDays}
+                  onChange={(e) => setDueDays(Number(e.target.value))}
                   className="admin-form-select"
                 >
-                  <option value="">
-                    {"\u2014"} Vyberte účet {"\u2014"}
-                  </option>
-                  {bankAccounts.map((acc) => (
-                    <option key={acc.id} value={acc.id}>
-                      {acc.account_name}
-                      {acc.account_number ? ` (${acc.account_number})` : ""}
-                      {acc.is_default ? " \u2605" : ""}
+                  {Array.from({ length: 60 }, (_, i) => i + 1).map((n) => (
+                    <option key={n} value={n}>
+                      {n}
+                    </option>
+                  ))}
+                </select>
+                {computedDueDate && (
+                  <span className="text-tertiary text-xs mt-1">
+                    Splatnost:{" "}
+                    {new Date(computedDueDate).toLocaleDateString("cs-CZ")}
+                  </span>
+                )}
+              </FormField>
+              <FormField label="DÚZP" error={errors.tax_date} required>
+                <AdminDatePicker
+                  mode="date"
+                  value={form.tax_date}
+                  onChange={(val: string) => {
+                    setForm((prev) => ({ ...prev, tax_date: val }));
+                    setErrors((prev) => ({ ...prev, tax_date: "" }));
+                  }}
+                />
+              </FormField>
+            </div>
+
+            <div className="admin-form-row admin-form-row-3">
+              <FormField label="Forma úhrady">
+                <select
+                  value={form.payment_method}
+                  onChange={(e) =>
+                    setForm((prev) => ({
+                      ...prev,
+                      payment_method: e.target.value,
+                    }))
+                  }
+                  className="admin-form-select"
+                >
+                  <option value="Příkazem">Příkazem</option>
+                  <option value="Hotově">Hotově</option>
+                  <option value="Dobírka">Dobírka</option>
+                </select>
+              </FormField>
+              <FormField label="Měna">
+                <select
+                  value={form.currency}
+                  onChange={(e) =>
+                    setForm((prev) => ({ ...prev, currency: e.target.value }))
+                  }
+                  className="admin-form-select"
+                >
+                  {(
+                    companySettings?.available_currencies || [
+                      "CZK",
+                      "EUR",
+                      "USD",
+                      "GBP",
+                    ]
+                  ).map((c) => (
+                    <option key={c} value={c}>
+                      {c}
                     </option>
                   ))}
                 </select>
               </FormField>
-            </div>
-          </motion.div>
-
-          {/* Items */}
-          <motion.div
-            className="admin-card"
-            initial={{ opacity: 0, y: 12 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.25, delay: 0.12 }}
-          >
-            <div className="admin-card-body">
-              <div className="admin-card-header flex-between">
-                <div>
-                  <h3 className="admin-card-title">Položky</h3>
-                  {errors.items && (
-                    <span className="admin-form-error">{errors.items}</span>
-                  )}
-                </div>
-                <button
-                  type="button"
-                  onClick={addItem}
-                  className="admin-btn admin-btn-secondary admin-btn-sm"
+              <FormField label="Jazyk faktury">
+                <select
+                  value={form.language}
+                  onChange={(e) =>
+                    setForm((prev) => ({
+                      ...prev,
+                      language: e.target.value,
+                    }))
+                  }
+                  className="admin-form-select"
                 >
-                  + Přidat položku
-                </button>
-              </div>
+                  <option value="cs">Čeština</option>
+                  <option value="en">English</option>
+                </select>
+              </FormField>
+              <FormField label="DPH">
+                <div className="flex-row-gap">
+                  <label className="admin-form-checkbox whitespace-nowrap">
+                    <input
+                      type="checkbox"
+                      checked={!!form.apply_vat}
+                      onChange={(e) =>
+                        setForm((prev) => ({
+                          ...prev,
+                          apply_vat: e.target.checked ? 1 : 0,
+                        }))
+                      }
+                    />
+                    <span>Uplatnit DPH</span>
+                  </label>
+                </div>
+              </FormField>
+            </div>
 
-              <DndContext
-                sensors={dndSensors}
-                collisionDetection={closestCenter}
-                modifiers={[restrictToVerticalAxis, restrictToParentElement]}
-                onDragEnd={handleCreateDragEnd}
+            <FormField
+              label="Bankovní účet"
+              error={errors.bank_account_id}
+              required
+            >
+              <select
+                value={form.bank_account_id}
+                onChange={(e) => {
+                  selectBankAccount(e.target.value);
+                  setErrors((prev) => ({ ...prev, bank_account_id: "" }));
+                }}
+                className="admin-form-select"
               >
-                <SortableContext
-                  items={items.map((i) => i._key)}
-                  strategy={verticalListSortingStrategy}
-                >
-                  <div className="admin-table-responsive">
-                    <table className="admin-table">
-                      <thead>
-                        <tr>
-                          <th style={{ width: "2rem" }} />
-                          <th style={{ width: "2rem", textAlign: "center" }}>
-                            #
-                          </th>
-                          <th>Popis</th>
-                          <th style={{ width: "5.5rem", textAlign: "center" }}>
-                            Množství
-                          </th>
-                          <th style={{ width: "5.5rem", textAlign: "center" }}>
-                            Jednotka
-                          </th>
-                          <th style={{ width: "5.5rem", textAlign: "center" }}>
-                            Jedn. cena
-                          </th>
-                          {form.apply_vat ? (
-                            <th style={{ width: "5rem", textAlign: "center" }}>
-                              DPH
-                            </th>
-                          ) : null}
-                          <th style={{ width: "8rem", textAlign: "right" }}>
-                            Celkem
-                          </th>
-                          <th style={{ width: "2.5rem" }}></th>
-                        </tr>
-                      </thead>
-                      <tbody>
-                        {items.map((item, index) => (
-                          <SortableInvoiceRow
-                            key={item._key}
-                            item={item}
-                            index={index}
-                            currency={form.currency}
-                            apply_vat={!!form.apply_vat}
-                            vatOptions={vatOptions}
-                            onUpdate={updateItem}
-                            onRemove={removeItem}
-                            canDelete={items.length > 1}
-                          />
-                        ))}
-                      </tbody>
-                    </table>
-                  </div>
-                </SortableContext>
-              </DndContext>
+                <option value="">
+                  {"\u2014"} Vyberte účet {"\u2014"}
+                </option>
+                {bankAccounts.map((acc) => (
+                  <option key={acc.id} value={acc.id}>
+                    {acc.account_name}
+                    {acc.account_number ? ` (${acc.account_number})` : ""}
+                    {acc.is_default ? " \u2605" : ""}
+                  </option>
+                ))}
+              </select>
+            </FormField>
+          </div>
+        </motion.div>
 
-              {/* Totals */}
-              <div className="admin-totals-summary">
-                <div className="admin-totals-row">
-                  <span>Mezisoučet:</span>
-                  <span>
-                    {formatCurrency(createTotals.subtotal, form.currency)}
-                  </span>
-                </div>
-                {form.apply_vat &&
-                  Object.entries(createTotals.vatByRate).map(
-                    ([rate, amount]) => (
-                      <div key={rate} className="admin-totals-row">
-                        <span>DPH {rate}%:</span>
-                        <span>{formatCurrency(amount, form.currency)}</span>
-                      </div>
-                    ),
-                  )}
-                <div className="admin-totals-row admin-totals-total">
-                  <span>Celkem k úhradě:</span>
-                  <span>
-                    {formatCurrency(createTotals.total, form.currency)}
-                  </span>
+        {/* Items */}
+        <motion.div
+          className="admin-card"
+          initial={{ opacity: 0, y: 12 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.25, delay: 0.12 }}
+        >
+          <div className="admin-card-body">
+            <div className="admin-card-header flex-between">
+              <div>
+                <h3 className="admin-card-title">Položky</h3>
+                {errors.items && (
+                  <span className="admin-form-error">{errors.items}</span>
+                )}
+              </div>
+              <button
+                type="button"
+                onClick={addItem}
+                className="admin-btn admin-btn-secondary admin-btn-sm"
+              >
+                + Přidat položku
+              </button>
+            </div>
+
+            <DndContext
+              sensors={dndSensors}
+              collisionDetection={closestCenter}
+              modifiers={[restrictToVerticalAxis, restrictToParentElement]}
+              onDragEnd={handleCreateDragEnd}
+            >
+              <SortableContext
+                items={items.map((i) => i._key)}
+                strategy={verticalListSortingStrategy}
+              >
+                <div className="admin-table-responsive">
+                  <table className="admin-table">
+                    <thead>
+                      <tr>
+                        <th style={{ width: "2rem" }} />
+                        <th style={{ width: "2rem", textAlign: "center" }}>
+                          #
+                        </th>
+                        <th>Popis</th>
+                        <th style={{ width: "5.5rem", textAlign: "center" }}>
+                          Množství
+                        </th>
+                        <th style={{ width: "5.5rem", textAlign: "center" }}>
+                          Jednotka
+                        </th>
+                        <th style={{ width: "5.5rem", textAlign: "center" }}>
+                          Jedn. cena
+                        </th>
+                        {form.apply_vat ? (
+                          <th style={{ width: "5rem", textAlign: "center" }}>
+                            DPH
+                          </th>
+                        ) : null}
+                        <th style={{ width: "8rem", textAlign: "right" }}>
+                          Celkem
+                        </th>
+                        <th style={{ width: "2.5rem" }}></th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {items.map((item, index) => (
+                        <SortableInvoiceRow
+                          key={item._key}
+                          item={item}
+                          index={index}
+                          currency={form.currency}
+                          apply_vat={!!form.apply_vat}
+                          vatOptions={vatOptions}
+                          onUpdate={updateItem}
+                          onRemove={removeItem}
+                          canDelete={items.length > 1}
+                        />
+                      ))}
+                    </tbody>
+                  </table>
                 </div>
+              </SortableContext>
+            </DndContext>
+
+            {/* Totals */}
+            <div className="admin-totals-summary">
+              <div className="admin-totals-row">
+                <span>Mezisoučet:</span>
+                <span>
+                  {formatCurrency(createTotals.subtotal, form.currency)}
+                </span>
+              </div>
+              {form.apply_vat &&
+                Object.entries(createTotals.vatByRate).map(([rate, amount]) => (
+                  <div key={rate} className="admin-totals-row">
+                    <span>DPH {rate}%:</span>
+                    <span>{formatCurrency(amount, form.currency)}</span>
+                  </div>
+                ))}
+              <div className="admin-totals-row admin-totals-total">
+                <span>Celkem k úhradě:</span>
+                <span>{formatCurrency(createTotals.total, form.currency)}</span>
               </div>
             </div>
-          </motion.div>
+          </div>
+        </motion.div>
 
-          {/* Notes */}
-          <motion.div
-            className="admin-editor-section"
-            initial={{ opacity: 0, y: 12 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.25, delay: 0.15 }}
-          >
-            <h3 className="admin-card-title">Veřejné poznámky na faktuře</h3>
-            <textarea
-              className="admin-form-input"
-              rows={4}
-              value={form.notes}
-              onChange={(e) =>
-                setForm((prev) => ({ ...prev, notes: e.target.value }))
-              }
-              placeholder="Poznámky zobrazené na faktuře..."
-            />
-          </motion.div>
-        </form>
+        {/* Notes */}
+        <motion.div
+          className="admin-editor-section"
+          initial={{ opacity: 0, y: 12 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.25, delay: 0.15 }}
+        >
+          <h3 className="admin-card-title">Veřejné poznámky na faktuře</h3>
+          <textarea
+            className="admin-form-input"
+            rows={4}
+            value={form.notes}
+            onChange={(e) =>
+              setForm((prev) => ({ ...prev, notes: e.target.value }))
+            }
+            placeholder="Poznámky zobrazené na faktuře..."
+          />
+        </motion.div>
+      </form>
 
-        {/* Status change confirm (edit mode only) */}
-        {isEdit && invoice && (
-          <>
-            <ConfirmModal
-              isOpen={statusConfirm.show}
-              onClose={() => setStatusConfirm({ show: false, status: null })}
-              onConfirm={handleStatusChange}
-              title="Změnit stav faktury"
-              message={`Opravdu chcete změnit stav faktury "${invoice.invoice_number}" na "${STATUS_LABELS[statusConfirm.status || ""]}"?`}
-              confirmText={
-                TRANSITION_LABELS[statusConfirm.status || ""] || "Potvrdit"
-              }
-              cancelText="Zrušit"
-              type="default"
-            />
+      {/* Status change confirm (edit mode only) */}
+      {isEdit && invoice && (
+        <>
+          <ConfirmModal
+            isOpen={statusConfirm.show}
+            onClose={() => setStatusConfirm({ show: false, status: null })}
+            onConfirm={handleStatusChange}
+            title="Změnit stav faktury"
+            message={`Opravdu chcete změnit stav faktury "${invoice.invoice_number}" na "${STATUS_LABELS[statusConfirm.status || ""]}"?`}
+            confirmText={
+              TRANSITION_LABELS[statusConfirm.status || ""] || "Potvrdit"
+            }
+            cancelText="Zrušit"
+            type="default"
+          />
 
-            <ConfirmModal
-              isOpen={deleteConfirm}
-              onClose={() => setDeleteConfirm(false)}
-              onConfirm={handleDelete}
-              title="Smazat fakturu"
-              message={`Opravdu chcete smazat fakturu "${invoice.invoice_number}"? Tato akce je nevratná.`}
-              confirmText="Smazat"
-              cancelText="Zrušit"
-              type="danger"
-              loading={deleting}
-            />
-          </>
-        )}
-      </div>
-    </Skeleton>
+          <ConfirmModal
+            isOpen={deleteConfirm}
+            onClose={() => setDeleteConfirm(false)}
+            onConfirm={handleDelete}
+            title="Smazat fakturu"
+            message={`Opravdu chcete smazat fakturu "${invoice.invoice_number}"? Tato akce je nevratná.`}
+            confirmText="Smazat"
+            cancelText="Zrušit"
+            type="danger"
+            loading={deleting}
+          />
+        </>
+      )}
+    </div>
   );
 }
diff --git a/src/admin/pages/Invoices.tsx b/src/admin/pages/Invoices.tsx
index 1cc2077..266cb81 100644
--- a/src/admin/pages/Invoices.tsx
+++ b/src/admin/pages/Invoices.tsx
@@ -20,9 +20,6 @@ import {
   type CurrencyAmount,
 } from "../lib/queries/invoices";
 import Pagination from "../components/Pagination";
-import { Skeleton } from "boneyard-js/react";
-import InvoicesFixture from "../fixtures/InvoicesFixture";
-import ReceivedInvoicesFixture from "../fixtures/ReceivedInvoicesFixture";
 
 const ReceivedInvoices = lazy(() => import("./ReceivedInvoices"));
 const API_BASE = "/api/admin";
@@ -283,13 +280,9 @@ export default function Invoices() {
 
   if (initialLoad) {
     return (
-      <Skeleton
-        name="invoices"
-        loading={initialLoad}
-        fixture={<InvoicesFixture />}
-      >
-        <div />
-      </Skeleton>
+      <div className="admin-loading">
+        <div className="admin-spinner" />
+      </div>
     );
   }
 
@@ -420,13 +413,9 @@ export default function Invoices() {
         >
           <Suspense
             fallback={
-              <Skeleton
-                name="invoices-received-kpi"
-                loading={true}
-                fixture={<ReceivedInvoicesFixture />}
-              >
-                <div />
-              </Skeleton>
+              <div className="admin-loading">
+                <div className="admin-spinner" />
+              </div>
             }
           >
             <ReceivedInvoices
@@ -445,13 +434,9 @@ export default function Invoices() {
             transition={{ duration: 0.25, delay: 0.1 }}
           >
             {statsQuery.isPending && !hasLoadedOnce.current ? (
-              <Skeleton
-                name="invoices-kpi"
-                loading={statsQuery.isPending && !hasLoadedOnce.current}
-                fixture={<InvoicesFixture />}
-              >
-                <div />
-              </Skeleton>
+              <div className="admin-loading">
+                <div className="admin-spinner" />
+              </div>
             ) : (
               stats && (
                 <div style={{ overflow: "hidden", marginBottom: "1.5rem" }}>
@@ -632,245 +617,143 @@ export default function Invoices() {
                 />
               </div>
 
-              {invoices.length === 0 && !(draft && !statusFilter) ? (
-                <div className="admin-empty-state">
-                  <div className="admin-empty-icon">
-                    <svg
-                      width="28"
-                      height="28"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      strokeWidth="1.5"
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                    >
-                      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
-                      <polyline points="14 2 14 8 20 8" />
-                      <line x1="16" y1="13" x2="8" y2="13" />
-                      <line x1="16" y1="17" x2="8" y2="17" />
-                      <polyline points="10 9 9 9 8 9" />
-                    </svg>
-                  </div>
-                  <p>Zatím nejsou žádné faktury.</p>
-                  {hasPermission("invoices.create") && (
-                    <p
-                      className="text-tertiary"
-                      style={{ fontSize: "0.875rem" }}
-                    >
-                      Vytvořte první fakturu tlačítkem výše.
-                    </p>
-                  )}
-                </div>
-              ) : (
-                <div className="admin-table-responsive">
-                  <table className="admin-table">
-                    <thead>
-                      <tr>
-                        <th
-                          style={{ cursor: "pointer" }}
-                          onClick={() => handleSort("invoice_number")}
+              <AnimatePresence mode="wait">
+                <motion.div
+                  key={`${statusFilter}-${search}-${statsMonth}-${statsYear}-${page}-${invoices.length}`}
+                  initial={{ opacity: 0, y: 6 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  exit={{ opacity: 0 }}
+                  transition={{ duration: 0.15 }}
+                >
+                  {invoices.length === 0 && !(draft && !statusFilter) ? (
+                    <div className="admin-empty-state">
+                      <div className="admin-empty-icon">
+                        <svg
+                          width="28"
+                          height="28"
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="currentColor"
+                          strokeWidth="1.5"
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
                         >
-                          Číslo{" "}
-                          <SortIcon
-                            column="invoice_number"
-                            sort={activeSort}
-                            order={order}
-                          />
-                        </th>
-                        <th>Zákazník</th>
-                        <th
-                          style={{ cursor: "pointer" }}
-                          onClick={() => handleSort("status")}
+                          <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                          <polyline points="14 2 14 8 20 8" />
+                          <line x1="16" y1="13" x2="8" y2="13" />
+                          <line x1="16" y1="17" x2="8" y2="17" />
+                          <polyline points="10 9 9 9 8 9" />
+                        </svg>
+                      </div>
+                      <p>Zatím nejsou žádné faktury.</p>
+                      {hasPermission("invoices.create") && (
+                        <p
+                          className="text-tertiary"
+                          style={{ fontSize: "0.875rem" }}
                         >
-                          Stav{" "}
-                          <SortIcon
-                            column="status"
-                            sort={activeSort}
-                            order={order}
-                          />
-                        </th>
-                        <th
-                          style={{ cursor: "pointer" }}
-                          onClick={() => handleSort("issue_date")}
-                        >
-                          Vystaveno{" "}
-                          <SortIcon
-                            column="issue_date"
-                            sort={activeSort}
-                            order={order}
-                          />
-                        </th>
-                        <th
-                          style={{ cursor: "pointer" }}
-                          onClick={() => handleSort("due_date")}
-                        >
-                          Splatnost{" "}
-                          <SortIcon
-                            column="due_date"
-                            sort={activeSort}
-                            order={order}
-                          />
-                        </th>
-                        <th className="text-right">Celkem</th>
-                        <th>Akce</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      {draft && !search && !statusFilter && (
-                        <tr className="offers-draft-row">
-                          <td>
-                            <span className="offers-draft-row-label">
-                              Koncept
-                              {draft.savedAt && (
-                                <span style={{ fontWeight: 400, opacity: 0.8 }}>
-                                  {" · "}
-                                  {new Date(draft.savedAt).toLocaleTimeString(
-                                    "cs-CZ",
-                                    { hour: "2-digit", minute: "2-digit" },
+                          Vytvořte první fakturu tlačítkem výše.
+                        </p>
+                      )}
+                    </div>
+                  ) : (
+                    <div className="admin-table-responsive">
+                      <table className="admin-table">
+                        <thead>
+                          <tr>
+                            <th
+                              style={{ cursor: "pointer" }}
+                              onClick={() => handleSort("invoice_number")}
+                            >
+                              Číslo{" "}
+                              <SortIcon
+                                column="invoice_number"
+                                sort={activeSort}
+                                order={order}
+                              />
+                            </th>
+                            <th>Zákazník</th>
+                            <th
+                              style={{ cursor: "pointer" }}
+                              onClick={() => handleSort("status")}
+                            >
+                              Stav{" "}
+                              <SortIcon
+                                column="status"
+                                sort={activeSort}
+                                order={order}
+                              />
+                            </th>
+                            <th
+                              style={{ cursor: "pointer" }}
+                              onClick={() => handleSort("issue_date")}
+                            >
+                              Vystaveno{" "}
+                              <SortIcon
+                                column="issue_date"
+                                sort={activeSort}
+                                order={order}
+                              />
+                            </th>
+                            <th
+                              style={{ cursor: "pointer" }}
+                              onClick={() => handleSort("due_date")}
+                            >
+                              Splatnost{" "}
+                              <SortIcon
+                                column="due_date"
+                                sort={activeSort}
+                                order={order}
+                              />
+                            </th>
+                            <th className="text-right">Celkem</th>
+                            <th>Akce</th>
+                          </tr>
+                        </thead>
+                        <tbody>
+                          {draft && !search && !statusFilter && (
+                            <tr className="offers-draft-row">
+                              <td>
+                                <span className="offers-draft-row-label">
+                                  Koncept
+                                  {draft.savedAt && (
+                                    <span
+                                      style={{ fontWeight: 400, opacity: 0.8 }}
+                                    >
+                                      {" · "}
+                                      {new Date(
+                                        draft.savedAt,
+                                      ).toLocaleTimeString("cs-CZ", {
+                                        hour: "2-digit",
+                                        minute: "2-digit",
+                                      })}
+                                    </span>
                                   )}
                                 </span>
-                              )}
-                            </span>
-                          </td>
-                          <td>
-                            {(draft.form.customer_name as string) || "\u2014"}
-                          </td>
-                          <td>{"\u2014"}</td>
-                          <td className="admin-mono">
-                            {draft.form.issue_date
-                              ? formatDate(draft.form.issue_date as string)
-                              : "\u2014"}
-                          </td>
-                          <td className="admin-mono">
-                            {draft.form.due_date
-                              ? formatDate(draft.form.due_date as string)
-                              : "\u2014"}
-                          </td>
-                          <td />
-                          <td>
-                            <div className="admin-table-actions">
-                              <Link
-                                to="/invoices/new"
-                                className="admin-btn-icon"
-                                title="Pokračovat v konceptu"
-                                aria-label="Pokračovat v konceptu"
-                              >
-                                <svg
-                                  width="18"
-                                  height="18"
-                                  viewBox="0 0 24 24"
-                                  fill="none"
-                                  stroke="currentColor"
-                                  strokeWidth="2"
-                                >
-                                  <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
-                                  <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
-                                </svg>
-                              </Link>
-                              <button
-                                onClick={discardDraft}
-                                className="admin-btn-icon danger"
-                                title="Zahodit koncept"
-                              >
-                                <svg
-                                  width="18"
-                                  height="18"
-                                  viewBox="0 0 24 24"
-                                  fill="none"
-                                  stroke="currentColor"
-                                  strokeWidth="2"
-                                >
-                                  <polyline points="3 6 5 6 21 6" />
-                                  <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
-                                </svg>
-                              </button>
-                            </div>
-                          </td>
-                        </tr>
-                      )}
-                      {invoices.map((inv) => {
-                        const isOverdue =
-                          inv.status === "overdue" ||
-                          (inv.status === "issued" &&
-                            inv.due_date &&
-                            new Date(inv.due_date) <
-                              new Date(new Date().toDateString()));
-                        return (
-                          <tr
-                            key={inv.id}
-                            className={isOverdue ? "offers-expired-row" : ""}
-                          >
-                            <td className="admin-mono">
-                              <Link
-                                to={`/invoices/${inv.id}`}
-                                className="link-accent"
-                              >
-                                {inv.invoice_number}
-                              </Link>
-                            </td>
-                            <td>{inv.customer_name || "\u2014"}</td>
-                            <td>
-                              {inv.status === "paid" ? (
-                                <span
-                                  className={`admin-badge ${STATUS_CLASSES[inv.status]}`}
-                                >
-                                  {STATUS_LABELS[inv.status]}
-                                </span>
-                              ) : (
-                                <button
-                                  onClick={() => toggleStatus(inv)}
-                                  className={`admin-badge ${STATUS_CLASSES[inv.status] || ""}`}
-                                  style={{ cursor: "pointer" }}
-                                >
-                                  {STATUS_LABELS[inv.status] || inv.status}
-                                </button>
-                              )}
-                            </td>
-                            <td className="admin-mono">
-                              {formatDate(inv.issue_date)}
-                            </td>
-                            <td
-                              className="admin-mono"
-                              style={
-                                inv.status === "overdue"
-                                  ? { color: "var(--danger)", fontWeight: 600 }
-                                  : undefined
-                              }
-                            >
-                              {formatDate(inv.due_date)}
-                            </td>
-                            <td
-                              className="admin-mono"
-                              style={{ textAlign: "right", fontWeight: 500 }}
-                            >
-                              {formatCurrency(inv.total, inv.currency)}
-                            </td>
-                            <td>
-                              <div className="admin-table-actions">
-                                <Link
-                                  to={`/invoices/${inv.id}`}
-                                  className="admin-btn-icon"
-                                  title={
-                                    inv.status === "paid" ? "Detail" : "Upravit"
-                                  }
-                                  aria-label={
-                                    inv.status === "paid" ? "Detail" : "Upravit"
-                                  }
-                                >
-                                  {inv.status === "paid" ? (
-                                    <svg
-                                      width="18"
-                                      height="18"
-                                      viewBox="0 0 24 24"
-                                      fill="none"
-                                      stroke="currentColor"
-                                      strokeWidth="2"
-                                    >
-                                      <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
-                                      <circle cx="12" cy="12" r="3" />
-                                    </svg>
-                                  ) : (
+                              </td>
+                              <td>
+                                {(draft.form.customer_name as string) ||
+                                  "\u2014"}
+                              </td>
+                              <td>{"\u2014"}</td>
+                              <td className="admin-mono">
+                                {draft.form.issue_date
+                                  ? formatDate(draft.form.issue_date as string)
+                                  : "\u2014"}
+                              </td>
+                              <td className="admin-mono">
+                                {draft.form.due_date
+                                  ? formatDate(draft.form.due_date as string)
+                                  : "\u2014"}
+                              </td>
+                              <td />
+                              <td>
+                                <div className="admin-table-actions">
+                                  <Link
+                                    to="/invoices/new"
+                                    className="admin-btn-icon"
+                                    title="Pokračovat v konceptu"
+                                    aria-label="Pokračovat v konceptu"
+                                  >
                                     <svg
                                       width="18"
                                       height="18"
@@ -882,51 +765,11 @@ export default function Invoices() {
                                       <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
                                       <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
                                     </svg>
-                                  )}
-                                </Link>
-                                {hasPermission("invoices.export") && (
+                                  </Link>
                                   <button
-                                    onClick={() => handlePdf(inv)}
-                                    className="admin-btn-icon"
-                                    title="Zobrazit fakturu"
-                                    disabled={pdfLoading === inv.id}
-                                  >
-                                    {pdfLoading === inv.id ? (
-                                      <div
-                                        className="admin-spinner"
-                                        style={{
-                                          width: 18,
-                                          height: 18,
-                                          borderWidth: 2,
-                                        }}
-                                      />
-                                    ) : (
-                                      <svg
-                                        width="18"
-                                        height="18"
-                                        viewBox="0 0 24 24"
-                                        fill="none"
-                                        stroke="currentColor"
-                                        strokeWidth="2"
-                                      >
-                                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
-                                        <polyline points="14 2 14 8 20 8" />
-                                        <line x1="16" y1="13" x2="8" y2="13" />
-                                        <line x1="16" y1="17" x2="8" y2="17" />
-                                      </svg>
-                                    )}
-                                  </button>
-                                )}
-                                {hasPermission("invoices.delete") && (
-                                  <button
-                                    onClick={() =>
-                                      setDeleteConfirm({
-                                        show: true,
-                                        invoice: inv,
-                                      })
-                                    }
+                                    onClick={discardDraft}
                                     className="admin-btn-icon danger"
-                                    title="Smazat"
+                                    title="Zahodit koncept"
                                   >
                                     <svg
                                       width="18"
@@ -940,16 +783,195 @@ export default function Invoices() {
                                       <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
                                     </svg>
                                   </button>
-                                )}
-                              </div>
-                            </td>
-                          </tr>
-                        );
-                      })}
-                    </tbody>
-                  </table>
-                </div>
-              )}
+                                </div>
+                              </td>
+                            </tr>
+                          )}
+                          {invoices.map((inv) => {
+                            const isOverdue =
+                              inv.status === "overdue" ||
+                              (inv.status === "issued" &&
+                                inv.due_date &&
+                                new Date(inv.due_date) <
+                                  new Date(new Date().toDateString()));
+                            return (
+                              <tr
+                                key={inv.id}
+                                className={
+                                  isOverdue ? "offers-expired-row" : ""
+                                }
+                              >
+                                <td className="admin-mono">
+                                  <Link
+                                    to={`/invoices/${inv.id}`}
+                                    className="link-accent"
+                                  >
+                                    {inv.invoice_number}
+                                  </Link>
+                                </td>
+                                <td>{inv.customer_name || "\u2014"}</td>
+                                <td>
+                                  {inv.status === "paid" ? (
+                                    <span
+                                      className={`admin-badge ${STATUS_CLASSES[inv.status]}`}
+                                    >
+                                      {STATUS_LABELS[inv.status]}
+                                    </span>
+                                  ) : (
+                                    <button
+                                      onClick={() => toggleStatus(inv)}
+                                      className={`admin-badge ${STATUS_CLASSES[inv.status] || ""}`}
+                                      style={{ cursor: "pointer" }}
+                                    >
+                                      {STATUS_LABELS[inv.status] || inv.status}
+                                    </button>
+                                  )}
+                                </td>
+                                <td className="admin-mono">
+                                  {formatDate(inv.issue_date)}
+                                </td>
+                                <td
+                                  className="admin-mono"
+                                  style={
+                                    inv.status === "overdue"
+                                      ? {
+                                          color: "var(--danger)",
+                                          fontWeight: 600,
+                                        }
+                                      : undefined
+                                  }
+                                >
+                                  {formatDate(inv.due_date)}
+                                </td>
+                                <td
+                                  className="admin-mono"
+                                  style={{
+                                    textAlign: "right",
+                                    fontWeight: 500,
+                                  }}
+                                >
+                                  {formatCurrency(inv.total, inv.currency)}
+                                </td>
+                                <td>
+                                  <div className="admin-table-actions">
+                                    <Link
+                                      to={`/invoices/${inv.id}`}
+                                      className="admin-btn-icon"
+                                      title={
+                                        inv.status === "paid"
+                                          ? "Detail"
+                                          : "Upravit"
+                                      }
+                                      aria-label={
+                                        inv.status === "paid"
+                                          ? "Detail"
+                                          : "Upravit"
+                                      }
+                                    >
+                                      {inv.status === "paid" ? (
+                                        <svg
+                                          width="18"
+                                          height="18"
+                                          viewBox="0 0 24 24"
+                                          fill="none"
+                                          stroke="currentColor"
+                                          strokeWidth="2"
+                                        >
+                                          <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
+                                          <circle cx="12" cy="12" r="3" />
+                                        </svg>
+                                      ) : (
+                                        <svg
+                                          width="18"
+                                          height="18"
+                                          viewBox="0 0 24 24"
+                                          fill="none"
+                                          stroke="currentColor"
+                                          strokeWidth="2"
+                                        >
+                                          <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
+                                          <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
+                                        </svg>
+                                      )}
+                                    </Link>
+                                    {hasPermission("invoices.export") && (
+                                      <button
+                                        onClick={() => handlePdf(inv)}
+                                        className="admin-btn-icon"
+                                        title="Zobrazit fakturu"
+                                        disabled={pdfLoading === inv.id}
+                                      >
+                                        {pdfLoading === inv.id ? (
+                                          <div
+                                            className="admin-spinner"
+                                            style={{
+                                              width: 18,
+                                              height: 18,
+                                              borderWidth: 2,
+                                            }}
+                                          />
+                                        ) : (
+                                          <svg
+                                            width="18"
+                                            height="18"
+                                            viewBox="0 0 24 24"
+                                            fill="none"
+                                            stroke="currentColor"
+                                            strokeWidth="2"
+                                          >
+                                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                                            <polyline points="14 2 14 8 20 8" />
+                                            <line
+                                              x1="16"
+                                              y1="13"
+                                              x2="8"
+                                              y2="13"
+                                            />
+                                            <line
+                                              x1="16"
+                                              y1="17"
+                                              x2="8"
+                                              y2="17"
+                                            />
+                                          </svg>
+                                        )}
+                                      </button>
+                                    )}
+                                    {hasPermission("invoices.delete") && (
+                                      <button
+                                        onClick={() =>
+                                          setDeleteConfirm({
+                                            show: true,
+                                            invoice: inv,
+                                          })
+                                        }
+                                        className="admin-btn-icon danger"
+                                        title="Smazat"
+                                      >
+                                        <svg
+                                          width="18"
+                                          height="18"
+                                          viewBox="0 0 24 24"
+                                          fill="none"
+                                          stroke="currentColor"
+                                          strokeWidth="2"
+                                        >
+                                          <polyline points="3 6 5 6 21 6" />
+                                          <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                                        </svg>
+                                      </button>
+                                    )}
+                                  </div>
+                                </td>
+                              </tr>
+                            );
+                          })}
+                        </tbody>
+                      </table>
+                    </div>
+                  )}
+                </motion.div>
+              </AnimatePresence>
               <Pagination pagination={pagination} onPageChange={setPage} />
             </div>
           </motion.div>
diff --git a/src/admin/pages/OfferDetail.tsx b/src/admin/pages/OfferDetail.tsx
index 1ab5743..d1126ba 100644
--- a/src/admin/pages/OfferDetail.tsx
+++ b/src/admin/pages/OfferDetail.tsx
@@ -54,8 +54,6 @@ import useModalLock from "../hooks/useModalLock";
 import useDebounce from "../hooks/useDebounce";
 import apiFetch from "../utils/api";
 import { formatCurrency } from "../utils/formatters";
-import { Skeleton } from "boneyard-js/react";
-import OfferDetailFixture from "../fixtures/OfferDetailFixture";
 import {
   companySettingsOptions,
   type CompanySettingsData,
@@ -92,7 +90,6 @@ interface OfferForm {
   language: string;
   vat_rate: number;
   apply_vat: boolean;
-  exchange_rate: string;
   scope_title: string;
   scope_description: string;
 }
@@ -114,7 +111,6 @@ const emptyForm: OfferForm = {
   language: "EN",
   vat_rate: 21,
   apply_vat: false,
-  exchange_rate: "",
   scope_title: "",
   scope_description: "",
 };
@@ -354,8 +350,6 @@ export default function OfferDetail() {
         language: (draft.form.language as string) || emptyForm.language,
         vat_rate: (draft.form.vat_rate as number) ?? emptyForm.vat_rate,
         apply_vat: (draft.form.apply_vat as boolean) ?? emptyForm.apply_vat,
-        exchange_rate:
-          (draft.form.exchange_rate as string) || emptyForm.exchange_rate,
         scope_title:
           (draft.form.scope_title as string) || emptyForm.scope_title,
         scope_description:
@@ -433,13 +427,7 @@ export default function OfferDetail() {
   const isCompleted = orderInfo?.status === "dokoncena";
   const isLockedByOther = !!lockedBy;
   const readOnly = isInvalidated || isLockedByOther || isCompleted;
-  const isExpiredNotInvalidated =
-    isEdit &&
-    !isInvalidated &&
-    !isCompleted &&
-    !orderInfo &&
-    form.valid_until &&
-    new Date(form.valid_until) < new Date(new Date().toDateString());
+  const canInvalidate = isEdit && !isInvalidated && !isCompleted && !orderInfo;
 
   // Sync offer detail data to form state on first load (edit mode)
   const formInitializedRef = useRef(false);
@@ -457,7 +445,6 @@ export default function OfferDetail() {
       language: d.language || "EN",
       vat_rate: d.vat_rate ?? companySettings?.default_vat_rate ?? 21,
       apply_vat: !!d.apply_vat,
-      exchange_rate: d.exchange_rate || "",
       scope_title: d.scope_title || "",
       scope_description: d.scope_description || "",
     };
@@ -592,7 +579,6 @@ export default function OfferDetail() {
           language: data.form.language ?? "EN",
           vat_rate: data.form.vat_rate ?? 21,
           apply_vat: data.form.apply_vat ?? false,
-          exchange_rate: data.form.exchange_rate ?? "",
         },
         items: data.items,
         sections: data.sections,
@@ -855,898 +841,674 @@ export default function OfferDetail() {
   const requiredPerm = getRequiredPerm();
   if (!hasPermission(requiredPerm)) return <Forbidden />;
 
+  if (loading) {
+    return (
+      <div className="admin-loading">
+        <div className="admin-spinner" />
+      </div>
+    );
+  }
   return (
-    <Skeleton
-      name="offer-detail"
-      loading={loading}
-      fixture={<OfferDetailFixture />}
-    >
-      <div>
-        {/* Header */}
-        <motion.div
-          className="admin-page-header"
-          initial={{ opacity: 0, y: 12 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.25 }}
-        >
-          <div className="flex-row gap-4">
-            <Link
-              to="/offers"
-              className="admin-btn-icon"
-              title="Zpět"
-              aria-label="Zpět"
-            >
-              <svg
-                width="20"
-                height="20"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                strokeWidth="2"
-              >
-                <path d="M19 12H5M12 19l-7-7 7-7" />
-              </svg>
-            </Link>
-            <div>
-              <h1 className="admin-page-title">
-                {isEdit ? `Nabídka ${form.quotation_number}` : "Nová nabídka"}
-                {isInvalidated && (
-                  <span
-                    className="admin-badge admin-badge-danger text-xs"
-                    style={{
-                      marginLeft: "0.75rem",
-                      verticalAlign: "middle",
-                    }}
-                  >
-                    Zneplatněna
-                  </span>
-                )}
-                {isCompleted && (
-                  <span
-                    className="admin-badge admin-badge-success text-xs"
-                    style={{
-                      marginLeft: "0.75rem",
-                      verticalAlign: "middle",
-                    }}
-                  >
-                    Dokončeno
-                  </span>
-                )}
-              </h1>
-            </div>
-          </div>
-          <div className="admin-page-actions">
-            {isEdit && hasPermission("offers.export") && (
-              <button
-                onClick={handlePdf}
-                className="admin-btn admin-btn-secondary"
-                style={{
-                  display: "inline-flex",
-                  alignItems: "center",
-                  gap: "0.4rem",
-                }}
-                disabled={pdfLoading}
-              >
-                {pdfLoading ? (
-                  <div className="admin-spinner admin-spinner-sm" />
-                ) : (
-                  <svg
-                    width="16"
-                    height="16"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    strokeWidth="2"
-                  >
-                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
-                    <polyline points="14 2 14 8 20 8" />
-                  </svg>
-                )}
-                Zobrazit nabídku
-              </button>
-            )}
-            {isEdit &&
-              !readOnly &&
-              hasPermission("orders.create") &&
-              !orderInfo && (
-                <button
-                  onClick={() => {
-                    setCustomerOrderNumber("");
-                    setOrderAttachment(null);
-                    setShowOrderModal(true);
-                  }}
-                  className="admin-btn admin-btn-secondary"
-                >
-                  Vytvořit objednávku
-                </button>
-              )}
-            {isEdit && orderInfo && (
-              <Link
-                to={`/orders/${orderInfo.id}`}
-                className="admin-btn admin-btn-secondary"
-              >
-                Objednávka {orderInfo.order_number}
-              </Link>
-            )}
-            {isExpiredNotInvalidated && hasPermission("offers.edit") && (
-              <button
-                onClick={() => setInvalidateConfirm(true)}
-                className="admin-btn admin-btn-secondary"
-              >
-                Zneplatnit
-              </button>
-            )}
-            {!readOnly && (
-              <button
-                onClick={handleSave}
-                className="admin-btn admin-btn-primary"
-                disabled={saving}
-              >
-                {saving ? (
-                  <>
-                    <div className="admin-spinner admin-spinner-sm" />
-                    Ukládání...
-                  </>
-                ) : (
-                  "Uložit"
-                )}
-              </button>
-            )}
-            {isEdit && hasPermission("offers.delete") && (
-              <button
-                onClick={() => setDeleteConfirm(true)}
-                className="admin-btn admin-btn-primary"
-              >
-                Smazat
-              </button>
-            )}
-          </div>
-        </motion.div>
-
-        {/* Lock banner */}
-        {isLockedByOther && (
-          <div
-            style={{
-              background: "color-mix(in srgb, var(--warning) 15%, transparent)",
-              border: "1px solid var(--warning)",
-              borderRadius: "var(--border-radius-sm)",
-              padding: "0.75rem 1rem",
-              display: "flex",
-              alignItems: "center",
-              gap: "0.5rem",
-              marginBottom: "1rem",
-              fontSize: "0.875rem",
-              color: "var(--warning)",
-            }}
+    <div>
+      {/* Header */}
+      <motion.div
+        className="admin-page-header"
+        initial={{ opacity: 0, y: 12 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.25 }}
+      >
+        <div className="flex-row gap-4">
+          <Link
+            to="/offers"
+            className="admin-btn-icon"
+            title="Zpět"
+            aria-label="Zpět"
           >
             <svg
-              width="18"
-              height="18"
+              width="20"
+              height="20"
               viewBox="0 0 24 24"
               fill="none"
               stroke="currentColor"
               strokeWidth="2"
             >
-              <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
-              <path d="M7 11V7a5 5 0 0 1 10 0v4" />
+              <path d="M19 12H5M12 19l-7-7 7-7" />
             </svg>
-            <span>
-              Nabídku právě upravuje <strong>{lockedBy!.full_name}</strong>.
-              Můžete ji pouze prohlížet.
-            </span>
+          </Link>
+          <div>
+            <h1 className="admin-page-title">
+              {isEdit ? `Nabídka ${form.quotation_number}` : "Nová nabídka"}
+              {isInvalidated && (
+                <span
+                  className="admin-badge admin-badge-danger text-xs"
+                  style={{
+                    marginLeft: "0.75rem",
+                    verticalAlign: "middle",
+                  }}
+                >
+                  Zneplatněna
+                </span>
+              )}
+              {isCompleted && (
+                <span
+                  className="admin-badge admin-badge-success text-xs"
+                  style={{
+                    marginLeft: "0.75rem",
+                    verticalAlign: "middle",
+                  }}
+                >
+                  Dokončeno
+                </span>
+              )}
+            </h1>
           </div>
-        )}
+        </div>
+        <div className="admin-page-actions">
+          {isEdit && hasPermission("offers.export") && (
+            <button
+              onClick={handlePdf}
+              className="admin-btn admin-btn-secondary"
+              style={{
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "0.4rem",
+              }}
+              disabled={pdfLoading}
+            >
+              {pdfLoading ? (
+                <div className="admin-spinner admin-spinner-sm" />
+              ) : (
+                <svg
+                  width="16"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                >
+                  <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                  <polyline points="14 2 14 8 20 8" />
+                </svg>
+              )}
+              Zobrazit nabídku
+            </button>
+          )}
+          {isEdit &&
+            !readOnly &&
+            hasPermission("orders.create") &&
+            !orderInfo && (
+              <button
+                onClick={() => {
+                  setCustomerOrderNumber("");
+                  setOrderAttachment(null);
+                  setShowOrderModal(true);
+                }}
+                className="admin-btn admin-btn-secondary"
+              >
+                Vytvořit objednávku
+              </button>
+            )}
+          {isEdit && orderInfo && (
+            <Link
+              to={`/orders/${orderInfo.id}`}
+              className="admin-btn admin-btn-secondary"
+            >
+              Objednávka {orderInfo.order_number}
+            </Link>
+          )}
+          {canInvalidate && hasPermission("offers.edit") && (
+            <button
+              onClick={() => setInvalidateConfirm(true)}
+              className="admin-btn admin-btn-secondary"
+            >
+              Zneplatnit
+            </button>
+          )}
+          {!readOnly && (
+            <button
+              onClick={handleSave}
+              className="admin-btn admin-btn-primary"
+              disabled={saving}
+            >
+              {saving ? (
+                <>
+                  <div className="admin-spinner admin-spinner-sm" />
+                  Ukládání...
+                </>
+              ) : (
+                "Uložit"
+              )}
+            </button>
+          )}
+          {isEdit && hasPermission("offers.delete") && (
+            <button
+              onClick={() => setDeleteConfirm(true)}
+              className="admin-btn admin-btn-primary"
+            >
+              Smazat
+            </button>
+          )}
+        </div>
+      </motion.div>
 
-        {/* Quotation Form */}
-        <motion.div
-          className={`admin-editor-section${readOnly ? " offers-readonly" : ""}`}
-          initial={{ opacity: 0, y: 12 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.25, delay: 0.06 }}
+      {/* Lock banner */}
+      {isLockedByOther && (
+        <div
+          style={{
+            background: "color-mix(in srgb, var(--warning) 15%, transparent)",
+            border: "1px solid var(--warning)",
+            borderRadius: "var(--border-radius-sm)",
+            padding: "0.75rem 1rem",
+            display: "flex",
+            alignItems: "center",
+            gap: "0.5rem",
+            marginBottom: "1rem",
+            fontSize: "0.875rem",
+            color: "var(--warning)",
+          }}
         >
-          <h3 className="admin-card-title">Základní údaje</h3>
-          <div className="admin-form">
-            <div className="admin-form-row admin-form-row-3">
-              <FormField label="Číslo nabídky">
+          <svg
+            width="18"
+            height="18"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2"
+          >
+            <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
+            <path d="M7 11V7a5 5 0 0 1 10 0v4" />
+          </svg>
+          <span>
+            Nabídku právě upravuje <strong>{lockedBy!.full_name}</strong>.
+            Můžete ji pouze prohlížet.
+          </span>
+        </div>
+      )}
+
+      {/* Quotation Form */}
+      <motion.div
+        className={`admin-editor-section${readOnly ? " offers-readonly" : ""}`}
+        initial={{ opacity: 0, y: 12 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.25, delay: 0.06 }}
+      >
+        <h3 className="admin-card-title">Základní údaje</h3>
+        <div className="admin-form">
+          <div className="admin-form-row admin-form-row-3">
+            <FormField label="Číslo nabídky">
+              <input
+                type="text"
+                value={form.quotation_number}
+                readOnly
+                className="admin-form-input"
+                style={{
+                  backgroundColor: "var(--bg-secondary)",
+                  cursor: "default",
+                }}
+              />
+            </FormField>
+            <FormField label="Kód projektu">
+              <input
+                type="text"
+                value={form.project_code}
+                onChange={(e) => updateForm("project_code", e.target.value)}
+                className="admin-form-input"
+                placeholder="Volitelný kód projektu"
+                readOnly={readOnly}
+              />
+            </FormField>
+            <FormField label="Zákazník" error={errors.customer_id} required>
+              {form.customer_id ? (
+                <div className="admin-customer-selected">
+                  <span>{form.customer_name}</span>
+                  {!readOnly && (
+                    <button
+                      type="button"
+                      onClick={clearCustomer}
+                      className="admin-btn-icon"
+                      title="Odebrat zákazníka"
+                    >
+                      <svg
+                        width="14"
+                        height="14"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        strokeWidth="2"
+                      >
+                        <line x1="18" y1="6" x2="6" y2="18" />
+                        <line x1="6" y1="6" x2="18" y2="18" />
+                      </svg>
+                    </button>
+                  )}
+                </div>
+              ) : (
+                <div
+                  className="admin-customer-select"
+                  onClick={(e) => e.stopPropagation()}
+                >
+                  <input
+                    type="text"
+                    value={customerSearch}
+                    onChange={(e) => {
+                      setCustomerSearch(e.target.value);
+                      setShowCustomerDropdown(true);
+                    }}
+                    onFocus={() => setShowCustomerDropdown(true)}
+                    className="admin-form-input"
+                    placeholder="Hledat zákazníka..."
+                    readOnly={readOnly}
+                  />
+                  {showCustomerDropdown && !isInvalidated && (
+                    <div className="admin-customer-dropdown">
+                      {filteredCustomers.length === 0 ? (
+                        <div className="admin-customer-dropdown-empty">
+                          Žádní zákazníci
+                        </div>
+                      ) : (
+                        filteredCustomers.slice(0, 20).map((c) => (
+                          <div
+                            key={c.id}
+                            className="admin-customer-dropdown-item"
+                            onMouseDown={() => selectCustomer(c)}
+                          >
+                            <div>{c.name}</div>
+                            {c.city && <div>{c.city}</div>}
+                          </div>
+                        ))
+                      )}
+                    </div>
+                  )}
+                </div>
+              )}
+            </FormField>
+          </div>
+
+          <div className="admin-form-row">
+            <FormField
+              label="Datum vytvoření"
+              error={errors.created_at}
+              required
+            >
+              {readOnly ? (
                 <input
                   type="text"
-                  value={form.quotation_number}
-                  readOnly
+                  value={form.created_at}
                   className="admin-form-input"
-                  style={{
-                    backgroundColor: "var(--bg-secondary)",
-                    cursor: "default",
+                  readOnly
+                />
+              ) : (
+                <AdminDatePicker
+                  mode="date"
+                  value={form.created_at}
+                  onChange={(val: string) => {
+                    updateForm("created_at", val);
+                    setErrors((prev) => ({ ...prev, created_at: undefined }));
                   }}
                 />
-              </FormField>
-              <FormField label="Kód projektu">
+              )}
+            </FormField>
+            <FormField label="Platnost do" error={errors.valid_until} required>
+              {readOnly ? (
                 <input
                   type="text"
-                  value={form.project_code}
-                  onChange={(e) => updateForm("project_code", e.target.value)}
+                  value={form.valid_until}
                   className="admin-form-input"
-                  placeholder="Volitelný kód projektu"
-                  readOnly={readOnly}
+                  readOnly
                 />
-              </FormField>
-              <FormField label="Zákazník" error={errors.customer_id} required>
-                {form.customer_id ? (
-                  <div className="admin-customer-selected">
-                    <span>{form.customer_name}</span>
-                    {!readOnly && (
-                      <button
-                        type="button"
-                        onClick={clearCustomer}
-                        className="admin-btn-icon"
-                        title="Odebrat zákazníka"
-                      >
-                        <svg
-                          width="14"
-                          height="14"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          stroke="currentColor"
-                          strokeWidth="2"
-                        >
-                          <line x1="18" y1="6" x2="6" y2="18" />
-                          <line x1="6" y1="6" x2="18" y2="18" />
-                        </svg>
-                      </button>
-                    )}
-                  </div>
-                ) : (
-                  <div
-                    className="admin-customer-select"
-                    onClick={(e) => e.stopPropagation()}
-                  >
-                    <input
-                      type="text"
-                      value={customerSearch}
-                      onChange={(e) => {
-                        setCustomerSearch(e.target.value);
-                        setShowCustomerDropdown(true);
-                      }}
-                      onFocus={() => setShowCustomerDropdown(true)}
-                      className="admin-form-input"
-                      placeholder="Hledat zákazníka..."
-                      readOnly={readOnly}
-                    />
-                    {showCustomerDropdown && !isInvalidated && (
-                      <div className="admin-customer-dropdown">
-                        {filteredCustomers.length === 0 ? (
-                          <div className="admin-customer-dropdown-empty">
-                            Žádní zákazníci
-                          </div>
-                        ) : (
-                          filteredCustomers.slice(0, 20).map((c) => (
-                            <div
-                              key={c.id}
-                              className="admin-customer-dropdown-item"
-                              onMouseDown={() => selectCustomer(c)}
-                            >
-                              <div>{c.name}</div>
-                              {c.city && <div>{c.city}</div>}
-                            </div>
-                          ))
-                        )}
-                      </div>
-                    )}
-                  </div>
-                )}
-              </FormField>
-            </div>
+              ) : (
+                <AdminDatePicker
+                  mode="date"
+                  value={form.valid_until}
+                  onChange={(val: string) => {
+                    updateForm("valid_until", val);
+                    setErrors((prev) => ({
+                      ...prev,
+                      valid_until: undefined,
+                    }));
+                  }}
+                />
+              )}
+            </FormField>
+          </div>
 
-            <div className="admin-form-row">
-              <FormField
-                label="Datum vytvoření"
-                error={errors.created_at}
-                required
+          <div className="admin-form-row">
+            <FormField label="Měna">
+              <select
+                value={form.currency}
+                onChange={(e) => updateForm("currency", e.target.value)}
+                className="admin-form-select"
+                disabled={readOnly}
               >
-                {readOnly ? (
-                  <input
-                    type="text"
-                    value={form.created_at}
-                    className="admin-form-input"
-                    readOnly
-                  />
-                ) : (
-                  <AdminDatePicker
-                    mode="date"
-                    value={form.created_at}
-                    onChange={(val: string) => {
-                      updateForm("created_at", val);
-                      setErrors((prev) => ({ ...prev, created_at: undefined }));
-                    }}
-                  />
-                )}
-              </FormField>
-              <FormField
-                label="Platnost do"
-                error={errors.valid_until}
-                required
+                {(
+                  companySettings?.available_currencies || [
+                    "CZK",
+                    "EUR",
+                    "USD",
+                    "GBP",
+                  ]
+                ).map((c) => (
+                  <option key={c} value={c}>
+                    {c}
+                  </option>
+                ))}
+              </select>
+            </FormField>
+            <FormField label="Jazyk nabídky">
+              <select
+                value={form.language}
+                onChange={(e) => updateForm("language", e.target.value)}
+                className="admin-form-select"
+                disabled={readOnly}
               >
-                {readOnly ? (
-                  <input
-                    type="text"
-                    value={form.valid_until}
-                    className="admin-form-input"
-                    readOnly
-                  />
-                ) : (
-                  <AdminDatePicker
-                    mode="date"
-                    value={form.valid_until}
-                    onChange={(val: string) => {
-                      updateForm("valid_until", val);
-                      setErrors((prev) => ({
-                        ...prev,
-                        valid_until: undefined,
-                      }));
-                    }}
-                  />
-                )}
-              </FormField>
-            </div>
+                <option value="EN">English</option>
+                <option value="CZ">Čeština</option>
+              </select>
+            </FormField>
+          </div>
 
-            <div className="admin-form-row">
-              <FormField label="Měna">
+          <div className="admin-form-row admin-form-row-3">
+            <FormField label="Sazba DPH (%)">
+              <div className="flex-row-gap">
                 <select
-                  value={form.currency}
-                  onChange={(e) => updateForm("currency", e.target.value)}
-                  className="admin-form-select"
+                  value={form.vat_rate}
+                  onChange={(e) =>
+                    updateForm("vat_rate", parseFloat(e.target.value) || 0)
+                  }
+                  className="admin-form-select flex-1"
                   disabled={readOnly}
                 >
                   {(
-                    companySettings?.available_currencies || [
-                      "CZK",
-                      "EUR",
-                      "USD",
-                      "GBP",
-                    ]
-                  ).map((c) => (
-                    <option key={c} value={c}>
-                      {c}
+                    companySettings?.available_vat_rates || [0, 10, 12, 15, 21]
+                  ).map((r) => (
+                    <option key={r} value={r}>
+                      {r}%
                     </option>
                   ))}
                 </select>
-              </FormField>
-              <FormField label="Jazyk nabídky">
-                <select
-                  value={form.language}
-                  onChange={(e) => updateForm("language", e.target.value)}
-                  className="admin-form-select"
-                  disabled={readOnly}
-                >
-                  <option value="EN">English</option>
-                  <option value="CZ">Čeština</option>
-                </select>
-              </FormField>
-            </div>
-
-            <div className="admin-form-row admin-form-row-3">
-              <FormField label="Sazba DPH (%)">
-                <div className="flex-row-gap">
-                  <select
-                    value={form.vat_rate}
-                    onChange={(e) =>
-                      updateForm("vat_rate", parseFloat(e.target.value) || 0)
-                    }
-                    className="admin-form-select flex-1"
+                <label className="admin-form-checkbox whitespace-nowrap">
+                  <input
+                    type="checkbox"
+                    checked={form.apply_vat}
+                    onChange={(e) => updateForm("apply_vat", e.target.checked)}
                     disabled={readOnly}
-                  >
-                    {(
-                      companySettings?.available_vat_rates || [
-                        0, 10, 12, 15, 21,
-                      ]
-                    ).map((r) => (
-                      <option key={r} value={r}>
-                        {r}%
-                      </option>
-                    ))}
-                  </select>
-                  <label className="admin-form-checkbox whitespace-nowrap">
-                    <input
-                      type="checkbox"
-                      checked={form.apply_vat}
-                      onChange={(e) =>
-                        updateForm("apply_vat", e.target.checked)
-                      }
-                      disabled={readOnly}
-                    />
-                    <span>Účtovat DPH</span>
-                  </label>
-                </div>
-              </FormField>
-              <FormField label="Směnný kurz">
-                <input
-                  type="number"
-                  value={form.exchange_rate}
-                  onChange={(e) => updateForm("exchange_rate", e.target.value)}
-                  className="admin-form-input"
-                  placeholder="Volitelný"
-                  step="0.0001"
-                  readOnly={readOnly}
-                />
-              </FormField>
-            </div>
+                  />
+                  <span>Účtovat DPH</span>
+                </label>
+              </div>
+            </FormField>
           </div>
-        </motion.div>
+        </div>
+      </motion.div>
 
-        {/* Items Section with drag-and-drop */}
-        <motion.div
-          className="admin-card"
-          initial={{ opacity: 0, y: 12 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.25, delay: 0.12 }}
-        >
-          <div className="admin-card-body">
-            <div className="admin-card-header flex-between">
-              <h3 className="admin-card-title">Položky</h3>
-              {!readOnly && (
-                <button
-                  onClick={addItem}
-                  className="admin-btn admin-btn-secondary admin-btn-sm"
-                >
-                  + Přidat položku
-                </button>
-              )}
-            </div>
-            {errors.items && (
-              <p style={{ color: "var(--color-danger)", fontSize: "0.85rem" }}>
-                {errors.items}
-              </p>
-            )}
-
-            <div className="offers-items-table">
-              <DndContext
-                sensors={dndSensors}
-                collisionDetection={closestCenter}
-                modifiers={[restrictToVerticalAxis, restrictToParentElement]}
-                onDragEnd={(event: DragEndEvent) => {
-                  const { active, over } = event;
-                  if (!over || active.id === over.id) return;
-                  setItems((prev) => {
-                    const oldIndex = prev.findIndex(
-                      (i) => i._key === String(active.id),
-                    );
-                    const newIndex = prev.findIndex(
-                      (i) => i._key === String(over.id),
-                    );
-                    if (oldIndex === -1 || newIndex === -1) return prev;
-                    return arrayMove(prev, oldIndex, newIndex);
-                  });
-                }}
+      {/* Items Section with drag-and-drop */}
+      <motion.div
+        className="admin-card"
+        initial={{ opacity: 0, y: 12 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.25, delay: 0.12 }}
+      >
+        <div className="admin-card-body">
+          <div className="admin-card-header flex-between">
+            <h3 className="admin-card-title">Položky</h3>
+            {!readOnly && (
+              <button
+                onClick={addItem}
+                className="admin-btn admin-btn-secondary admin-btn-sm"
               >
-                <SortableContext
-                  items={items.map((i) => i._key)}
-                  strategy={verticalListSortingStrategy}
-                >
-                  <table className="admin-table">
-                    <thead>
-                      <tr>
-                        {!readOnly && <th style={{ width: "2rem" }} />}
-                        <th style={{ width: "2.5rem", textAlign: "center" }}>
-                          #
-                        </th>
-                        <th className="offers-col-desc">Popis</th>
-                        <th
-                          className="offers-col-qty"
-                          style={{ width: "5rem" }}
-                        >
-                          Množství
-                        </th>
-                        <th
-                          className="offers-col-unit"
-                          style={{ width: "5rem" }}
-                        >
-                          Jednotka
-                        </th>
-                        <th
-                          className="offers-col-price"
-                          style={{ width: "7rem" }}
-                        >
-                          Cena/ks
-                        </th>
-                        <th
-                          className="offers-col-included"
-                          style={{ width: "4rem", textAlign: "center" }}
-                        >
-                          V ceně
-                        </th>
-                        <th
-                          className="offers-col-total"
-                          style={{ width: "7rem", textAlign: "right" }}
-                        >
-                          Celkem
-                        </th>
-                        {!readOnly && (
-                          <th
-                            className="offers-col-del"
-                            style={{ width: "3rem" }}
-                          />
-                        )}
-                      </tr>
-                    </thead>
-                    <tbody>
-                      {items.map((item, index) => (
-                        <SortableItemRow
-                          key={item._key}
-                          item={item}
-                          index={index}
-                          currency={form.currency}
-                          readOnly={readOnly}
-                          canDelete={items.length > 1}
-                          onUpdate={(field, value) =>
-                            updateItem(index, field, value)
-                          }
-                          onRemove={() => removeItem(index)}
-                        />
-                      ))}
-                    </tbody>
-                  </table>
-                </SortableContext>
-              </DndContext>
-            </div>
+                + Přidat položku
+              </button>
+            )}
+          </div>
+          {errors.items && (
+            <p style={{ color: "var(--color-danger)", fontSize: "0.85rem" }}>
+              {errors.items}
+            </p>
+          )}
 
-            {/* Totals */}
-            <div className="admin-totals-summary">
+          <div className="offers-items-table">
+            <DndContext
+              sensors={dndSensors}
+              collisionDetection={closestCenter}
+              modifiers={[restrictToVerticalAxis, restrictToParentElement]}
+              onDragEnd={(event: DragEndEvent) => {
+                const { active, over } = event;
+                if (!over || active.id === over.id) return;
+                setItems((prev) => {
+                  const oldIndex = prev.findIndex(
+                    (i) => i._key === String(active.id),
+                  );
+                  const newIndex = prev.findIndex(
+                    (i) => i._key === String(over.id),
+                  );
+                  if (oldIndex === -1 || newIndex === -1) return prev;
+                  return arrayMove(prev, oldIndex, newIndex);
+                });
+              }}
+            >
+              <SortableContext
+                items={items.map((i) => i._key)}
+                strategy={verticalListSortingStrategy}
+              >
+                <table className="admin-table">
+                  <thead>
+                    <tr>
+                      {!readOnly && <th style={{ width: "2rem" }} />}
+                      <th style={{ width: "2.5rem", textAlign: "center" }}>
+                        #
+                      </th>
+                      <th className="offers-col-desc">Popis</th>
+                      <th className="offers-col-qty" style={{ width: "5rem" }}>
+                        Množství
+                      </th>
+                      <th className="offers-col-unit" style={{ width: "5rem" }}>
+                        Jednotka
+                      </th>
+                      <th
+                        className="offers-col-price"
+                        style={{ width: "7rem" }}
+                      >
+                        Cena/ks
+                      </th>
+                      <th
+                        className="offers-col-included"
+                        style={{ width: "4rem", textAlign: "center" }}
+                      >
+                        V ceně
+                      </th>
+                      <th
+                        className="offers-col-total"
+                        style={{ width: "7rem", textAlign: "right" }}
+                      >
+                        Celkem
+                      </th>
+                      {!readOnly && (
+                        <th
+                          className="offers-col-del"
+                          style={{ width: "3rem" }}
+                        />
+                      )}
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {items.map((item, index) => (
+                      <SortableItemRow
+                        key={item._key}
+                        item={item}
+                        index={index}
+                        currency={form.currency}
+                        readOnly={readOnly}
+                        canDelete={items.length > 1}
+                        onUpdate={(field, value) =>
+                          updateItem(index, field, value)
+                        }
+                        onRemove={() => removeItem(index)}
+                      />
+                    ))}
+                  </tbody>
+                </table>
+              </SortableContext>
+            </DndContext>
+          </div>
+
+          {/* Totals */}
+          <div className="admin-totals-summary">
+            <div className="admin-totals-row">
+              <span>Mezisoučet:</span>
+              <span>{formatCurrency(subtotal, form.currency)}</span>
+            </div>
+            {form.apply_vat && (
               <div className="admin-totals-row">
-                <span>Mezisoučet:</span>
-                <span>{formatCurrency(subtotal, form.currency)}</span>
-              </div>
-              {form.apply_vat && (
-                <div className="admin-totals-row">
-                  <span>DPH ({form.vat_rate}%):</span>
-                  <span>{formatCurrency(vatAmount, form.currency)}</span>
-                </div>
-              )}
-              <div className="admin-totals-row admin-totals-total">
-                <span>Celkem:</span>
-                <span>{formatCurrency(total, form.currency)}</span>
+                <span>DPH ({form.vat_rate}%):</span>
+                <span>{formatCurrency(vatAmount, form.currency)}</span>
               </div>
+            )}
+            <div className="admin-totals-row admin-totals-total">
+              <span>Celkem:</span>
+              <span>{formatCurrency(total, form.currency)}</span>
             </div>
           </div>
-        </motion.div>
+        </div>
+      </motion.div>
 
-        {/* Scope/Range Section */}
-        <motion.div
-          className="admin-card"
-          initial={{ opacity: 0, y: 12 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.25, delay: 0.15 }}
-        >
-          <div className="admin-card-body">
-            <div className="admin-card-header flex-between">
-              <h3 className="admin-card-title">Rozsah projektu</h3>
-              {!readOnly && (
-                <div
-                  style={{
-                    display: "flex",
-                    gap: "0.5rem",
-                    alignItems: "center",
-                  }}
-                >
-                  {scopeTemplates.length > 0 && (
-                    <select
-                      className="admin-form-select"
-                      style={{ width: "auto", minWidth: "160px" }}
-                      defaultValue=""
-                      onChange={(e) => {
-                        const templateId = Number(e.target.value);
-                        if (!templateId) return;
-                        const template = scopeTemplates.find(
-                          (t) => t.id === templateId,
-                        );
-                        if (template?.scope_template_sections?.length) {
-                          const newSections =
-                            template.scope_template_sections.map((s) => ({
-                              title: s.title || "",
-                              title_cz: s.title_cz || "",
-                              content: s.content || "",
-                            }));
-                          setSections((prev) => [...prev, ...newSections]);
-                          if (template.description) {
-                            setForm((prev) => ({
-                              ...prev,
-                              scope_description:
-                                template.description || prev.scope_description,
-                            }));
-                          }
-                          alert.success(`Načtena šablona "${template.name}"`);
-                        }
-                        e.target.value = "";
-                      }}
-                    >
-                      <option value="">Ze šablony...</option>
-                      {scopeTemplates.map((t) => (
-                        <option key={t.id} value={t.id}>
-                          {t.name}
-                        </option>
-                      ))}
-                    </select>
-                  )}
-                  <button
-                    onClick={() =>
-                      setSections((prev) => [...prev, emptyScopeSection()])
-                    }
-                    className="admin-btn admin-btn-secondary admin-btn-sm"
-                  >
-                    + Přidat sekci
-                  </button>
-                </div>
-              )}
-            </div>
-
-            {sections.length === 0 ? (
-              <div className="admin-empty-state" style={{ padding: "2rem" }}>
-                <p style={{ color: "var(--text-tertiary)" }}>
-                  Žádné sekce rozsahu. Klikněte na "Přidat sekci" nebo vyberte
-                  šablonu.
-                </p>
-              </div>
-            ) : (
+      {/* Scope/Range Section */}
+      <motion.div
+        className="admin-card"
+        initial={{ opacity: 0, y: 12 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.25, delay: 0.15 }}
+      >
+        <div className="admin-card-body">
+          <div className="admin-card-header flex-between">
+            <h3 className="admin-card-title">Rozsah projektu</h3>
+            {!readOnly && (
               <div
                 style={{
                   display: "flex",
-                  flexDirection: "column",
-                  gap: "1.5rem",
-                  marginTop: "1rem",
+                  gap: "0.5rem",
+                  alignItems: "center",
                 }}
               >
-                {sections.map((section, idx) => (
-                  <div
-                    key={idx}
-                    style={{
-                      border: "1px solid var(--border-primary)",
-                      borderRadius: "8px",
-                      padding: "1rem",
-                      background: "var(--bg-secondary)",
+                {scopeTemplates.length > 0 && (
+                  <select
+                    className="admin-form-select"
+                    style={{ width: "auto", minWidth: "160px" }}
+                    defaultValue=""
+                    onChange={(e) => {
+                      const templateId = Number(e.target.value);
+                      if (!templateId) return;
+                      const template = scopeTemplates.find(
+                        (t) => t.id === templateId,
+                      );
+                      if (template?.scope_template_sections?.length) {
+                        const newSections =
+                          template.scope_template_sections.map((s) => ({
+                            title: s.title || "",
+                            title_cz: s.title_cz || "",
+                            content: s.content || "",
+                          }));
+                        setSections((prev) => [...prev, ...newSections]);
+                        if (template.description) {
+                          setForm((prev) => ({
+                            ...prev,
+                            scope_description:
+                              template.description || prev.scope_description,
+                          }));
+                        }
+                        alert.success(`Načtena šablona "${template.name}"`);
+                      }
+                      e.target.value = "";
                     }}
                   >
-                    <div
-                      style={{
-                        display: "flex",
-                        justifyContent: "space-between",
-                        alignItems: "center",
-                        marginBottom: "0.75rem",
-                      }}
-                    >
-                      <span
-                        style={{
-                          fontWeight: 600,
-                          fontSize: "0.9rem",
-                          color: "var(--text-secondary)",
-                        }}
-                      >
-                        Sekce {idx + 1}
-                        {(form.language === "CZ"
-                          ? section.title_cz
-                          : section.title) && (
-                          <span
-                            style={{ fontWeight: 400, marginLeft: "0.5rem" }}
-                          >
-                            —{" "}
-                            {form.language === "CZ"
-                              ? section.title_cz || section.title
-                              : section.title}
-                          </span>
-                        )}
-                      </span>
-                      {!readOnly && (
-                        <div style={{ display: "flex", gap: "0.25rem" }}>
-                          {idx > 0 && (
-                            <button
-                              onClick={() =>
-                                setSections((prev) => {
-                                  const arr = [...prev];
-                                  [arr[idx - 1], arr[idx]] = [
-                                    arr[idx],
-                                    arr[idx - 1],
-                                  ];
-                                  return arr;
-                                })
-                              }
-                              className="admin-btn-icon"
-                              title="Posunout nahoru"
-                            >
-                              <svg
-                                width="16"
-                                height="16"
-                                viewBox="0 0 24 24"
-                                fill="none"
-                                stroke="currentColor"
-                                strokeWidth="2"
-                              >
-                                <polyline points="18 15 12 9 6 15" />
-                              </svg>
-                            </button>
-                          )}
-                          {idx < sections.length - 1 && (
-                            <button
-                              onClick={() =>
-                                setSections((prev) => {
-                                  const arr = [...prev];
-                                  [arr[idx], arr[idx + 1]] = [
-                                    arr[idx + 1],
-                                    arr[idx],
-                                  ];
-                                  return arr;
-                                })
-                              }
-                              className="admin-btn-icon"
-                              title="Posunout dolů"
-                            >
-                              <svg
-                                width="16"
-                                height="16"
-                                viewBox="0 0 24 24"
-                                fill="none"
-                                stroke="currentColor"
-                                strokeWidth="2"
-                              >
-                                <polyline points="6 9 12 15 18 9" />
-                              </svg>
-                            </button>
-                          )}
-                          <button
-                            onClick={() =>
-                              setSections((prev) =>
-                                prev.filter((_, i) => i !== idx),
-                              )
-                            }
-                            className="admin-btn-icon danger"
-                            title="Odebrat sekci"
-                          >
-                            <svg
-                              width="16"
-                              height="16"
-                              viewBox="0 0 24 24"
-                              fill="none"
-                              stroke="currentColor"
-                              strokeWidth="2"
-                            >
-                              <line x1="18" y1="6" x2="6" y2="18" />
-                              <line x1="6" y1="6" x2="18" y2="18" />
-                            </svg>
-                          </button>
-                        </div>
-                      )}
-                    </div>
-
-                    <div className="admin-form-row">
-                      <FormField
-                        label={
-                          <>
-                            <span className="offers-lang-badge">EN</span>Název
-                            sekce
-                          </>
-                        }
-                      >
-                        <input
-                          type="text"
-                          value={section.title}
-                          onChange={(e) =>
-                            setSections((prev) =>
-                              prev.map((s, i) =>
-                                i === idx ? { ...s, title: e.target.value } : s,
-                              ),
-                            )
-                          }
-                          className="admin-form-input"
-                          placeholder="Název sekce (anglicky)"
-                          readOnly={readOnly}
-                        />
-                      </FormField>
-                      <FormField
-                        label={
-                          <>
-                            <span className="offers-lang-badge offers-lang-badge-cz">
-                              CZ
-                            </span>
-                            Název sekce
-                          </>
-                        }
-                      >
-                        <input
-                          type="text"
-                          value={section.title_cz}
-                          onChange={(e) =>
-                            setSections((prev) =>
-                              prev.map((s, i) =>
-                                i === idx
-                                  ? { ...s, title_cz: e.target.value }
-                                  : s,
-                              ),
-                            )
-                          }
-                          className="admin-form-input"
-                          placeholder="Název sekce (česky)"
-                          readOnly={readOnly}
-                        />
-                      </FormField>
-                    </div>
-
-                    <div style={{ marginTop: "0.5rem" }}>
-                      <label className="admin-form-label">Obsah</label>
-                      <RichEditor
-                        value={section.content}
-                        onChange={(val) =>
-                          setSections((prev) =>
-                            prev.map((s, i) =>
-                              i === idx ? { ...s, content: val } : s,
-                            ),
-                          )
-                        }
-                        placeholder="Obsah sekce..."
-                        minHeight="120px"
-                        readOnly={readOnly}
-                      />
-                    </div>
-                  </div>
-                ))}
+                    <option value="">Ze šablony...</option>
+                    {scopeTemplates.map((t) => (
+                      <option key={t.id} value={t.id}>
+                        {t.name}
+                      </option>
+                    ))}
+                  </select>
+                )}
+                <button
+                  onClick={() =>
+                    setSections((prev) => [...prev, emptyScopeSection()])
+                  }
+                  className="admin-btn admin-btn-secondary admin-btn-sm"
+                >
+                  + Přidat sekci
+                </button>
               </div>
             )}
           </div>
-        </motion.div>
 
-        {/* Order modal */}
-        <AnimatePresence>
-          {showOrderModal && (
-            <motion.div
-              className="admin-modal-overlay"
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              exit={{ opacity: 0 }}
-              transition={{ duration: 0.2 }}
+          {sections.length === 0 ? (
+            <div className="admin-empty-state" style={{ padding: "2rem" }}>
+              <p style={{ color: "var(--text-tertiary)" }}>
+                Žádné sekce rozsahu. Klikněte na "Přidat sekci" nebo vyberte
+                šablonu.
+              </p>
+            </div>
+          ) : (
+            <div
+              style={{
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+                marginTop: "1rem",
+              }}
             >
-              <div
-                className="admin-modal-backdrop"
-                onClick={() => !creatingOrder && setShowOrderModal(false)}
-              />
-              <motion.div
-                className="admin-modal"
-                initial={{ opacity: 0, scale: 0.95, y: 20 }}
-                animate={{ opacity: 1, scale: 1, y: 0 }}
-                exit={{ opacity: 0, scale: 0.95, y: 20 }}
-                transition={{ duration: 0.2 }}
-              >
-                <div className="admin-modal-header">
-                  <h2 className="admin-modal-title">Vytvořit objednávku</h2>
-                </div>
-                <div className="admin-modal-body">
-                  <div className="admin-form">
-                    <FormField label="Číslo objednávky zákazníka" required>
-                      <input
-                        type="text"
-                        value={customerOrderNumber}
-                        onChange={(e: ChangeEvent<HTMLInputElement>) =>
-                          setCustomerOrderNumber(e.target.value)
-                        }
-                        onKeyDown={(e) =>
-                          e.key === "Enter" &&
-                          !creatingOrder &&
-                          handleCreateOrder()
-                        }
-                        className="admin-form-input"
-                        placeholder="Např. PO-2026-001"
-                        autoFocus
-                      />
-                    </FormField>
-                    <FormField label="Příloha (PDF)">
-                      {orderAttachment ? (
-                        <div className="flex-row gap-2">
-                          <span className="text-md">
-                            {orderAttachment.name}{" "}
-                            <span className="text-tertiary">
-                              ({(orderAttachment.size / 1024).toFixed(0)} KB)
-                            </span>
-                          </span>
+              {sections.map((section, idx) => (
+                <div
+                  key={idx}
+                  style={{
+                    border: "1px solid var(--border-primary)",
+                    borderRadius: "8px",
+                    padding: "1rem",
+                    background: "var(--bg-secondary)",
+                  }}
+                >
+                  <div
+                    style={{
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      marginBottom: "0.75rem",
+                    }}
+                  >
+                    <span
+                      style={{
+                        fontWeight: 600,
+                        fontSize: "0.9rem",
+                        color: "var(--text-secondary)",
+                      }}
+                    >
+                      Sekce {idx + 1}
+                      {(form.language === "CZ"
+                        ? section.title_cz
+                        : section.title) && (
+                        <span style={{ fontWeight: 400, marginLeft: "0.5rem" }}>
+                          —{" "}
+                          {form.language === "CZ"
+                            ? section.title_cz || section.title
+                            : section.title}
+                        </span>
+                      )}
+                    </span>
+                    {!readOnly && (
+                      <div style={{ display: "flex", gap: "0.25rem" }}>
+                        {idx > 0 && (
                           <button
-                            type="button"
-                            onClick={() => setOrderAttachment(null)}
+                            onClick={() =>
+                              setSections((prev) => {
+                                const arr = [...prev];
+                                [arr[idx - 1], arr[idx]] = [
+                                  arr[idx],
+                                  arr[idx - 1],
+                                ];
+                                return arr;
+                              })
+                            }
                             className="admin-btn-icon"
-                            title="Odebrat"
-                            style={{ marginLeft: "auto" }}
+                            title="Posunout nahoru"
                           >
                             <svg
                               width="16"
@@ -1756,85 +1518,283 @@ export default function OfferDetail() {
                               stroke="currentColor"
                               strokeWidth="2"
                             >
-                              <path d="M18 6L6 18M6 6l12 12" />
+                              <polyline points="18 15 12 9 6 15" />
                             </svg>
                           </button>
-                        </div>
-                      ) : (
-                        <label
-                          className="admin-btn admin-btn-secondary admin-btn-sm"
-                          style={{
-                            cursor: "pointer",
-                            display: "inline-flex",
-                            alignItems: "center",
-                            gap: "0.4rem",
-                          }}
-                        >
-                          Vybrat soubor
-                          <input
-                            type="file"
-                            accept="application/pdf"
-                            onChange={(e: ChangeEvent<HTMLInputElement>) =>
-                              setOrderAttachment(e.target.files?.[0] || null)
+                        )}
+                        {idx < sections.length - 1 && (
+                          <button
+                            onClick={() =>
+                              setSections((prev) => {
+                                const arr = [...prev];
+                                [arr[idx], arr[idx + 1]] = [
+                                  arr[idx + 1],
+                                  arr[idx],
+                                ];
+                                return arr;
+                              })
                             }
-                            style={{ display: "none" }}
-                          />
-                        </label>
-                      )}
-                      <small
-                        className="admin-form-hint"
-                        style={{ marginTop: "0.25rem" }}
-                      >
-                        Max 10 MB
-                      </small>
+                            className="admin-btn-icon"
+                            title="Posunout dolů"
+                          >
+                            <svg
+                              width="16"
+                              height="16"
+                              viewBox="0 0 24 24"
+                              fill="none"
+                              stroke="currentColor"
+                              strokeWidth="2"
+                            >
+                              <polyline points="6 9 12 15 18 9" />
+                            </svg>
+                          </button>
+                        )}
+                        <button
+                          onClick={() =>
+                            setSections((prev) =>
+                              prev.filter((_, i) => i !== idx),
+                            )
+                          }
+                          className="admin-btn-icon danger"
+                          title="Odebrat sekci"
+                        >
+                          <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            strokeWidth="2"
+                          >
+                            <line x1="18" y1="6" x2="6" y2="18" />
+                            <line x1="6" y1="6" x2="18" y2="18" />
+                          </svg>
+                        </button>
+                      </div>
+                    )}
+                  </div>
+
+                  <div className="admin-form-row">
+                    <FormField
+                      label={
+                        <>
+                          <span className="offers-lang-badge">EN</span>Název
+                          sekce
+                        </>
+                      }
+                    >
+                      <input
+                        type="text"
+                        value={section.title}
+                        onChange={(e) =>
+                          setSections((prev) =>
+                            prev.map((s, i) =>
+                              i === idx ? { ...s, title: e.target.value } : s,
+                            ),
+                          )
+                        }
+                        className="admin-form-input"
+                        placeholder="Název sekce (anglicky)"
+                        readOnly={readOnly}
+                      />
+                    </FormField>
+                    <FormField
+                      label={
+                        <>
+                          <span className="offers-lang-badge offers-lang-badge-cz">
+                            CZ
+                          </span>
+                          Název sekce
+                        </>
+                      }
+                    >
+                      <input
+                        type="text"
+                        value={section.title_cz}
+                        onChange={(e) =>
+                          setSections((prev) =>
+                            prev.map((s, i) =>
+                              i === idx
+                                ? { ...s, title_cz: e.target.value }
+                                : s,
+                            ),
+                          )
+                        }
+                        className="admin-form-input"
+                        placeholder="Název sekce (česky)"
+                        readOnly={readOnly}
+                      />
                     </FormField>
                   </div>
+
+                  <div style={{ marginTop: "0.5rem" }}>
+                    <label className="admin-form-label">Obsah</label>
+                    <RichEditor
+                      value={section.content}
+                      onChange={(val) =>
+                        setSections((prev) =>
+                          prev.map((s, i) =>
+                            i === idx ? { ...s, content: val } : s,
+                          ),
+                        )
+                      }
+                      placeholder="Obsah sekce..."
+                      minHeight="120px"
+                      readOnly={readOnly}
+                    />
+                  </div>
                 </div>
-                <div className="admin-modal-footer">
-                  <button
-                    onClick={() => setShowOrderModal(false)}
-                    className="admin-btn admin-btn-secondary"
-                    disabled={creatingOrder}
-                  >
-                    Zrušit
-                  </button>
-                  <button
-                    onClick={handleCreateOrder}
-                    className="admin-btn admin-btn-primary"
-                    disabled={creatingOrder || !customerOrderNumber.trim()}
-                  >
-                    {creatingOrder ? "Vytváření..." : "Vytvořit"}
-                  </button>
-                </div>
-              </motion.div>
-            </motion.div>
+              ))}
+            </div>
           )}
-        </AnimatePresence>
+        </div>
+      </motion.div>
 
-        <ConfirmModal
-          isOpen={invalidateConfirm}
-          onClose={() => setInvalidateConfirm(false)}
-          onConfirm={handleInvalidateOffer}
-          title="Zneplatnit nabídku"
-          message={`Opravdu chcete zneplatnit nabídku "${form.quotation_number}"? Nabídka bude pouze pro čtení a nepůjde upravovat.`}
-          confirmText="Zneplatnit"
-          cancelText="Zrušit"
-          type="danger"
-          loading={invalidatingOffer}
-        />
+      {/* Order modal */}
+      <AnimatePresence>
+        {showOrderModal && (
+          <motion.div
+            className="admin-modal-overlay"
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            transition={{ duration: 0.2 }}
+          >
+            <div
+              className="admin-modal-backdrop"
+              onClick={() => !creatingOrder && setShowOrderModal(false)}
+            />
+            <motion.div
+              className="admin-modal"
+              initial={{ opacity: 0, scale: 0.95, y: 20 }}
+              animate={{ opacity: 1, scale: 1, y: 0 }}
+              exit={{ opacity: 0, scale: 0.95, y: 20 }}
+              transition={{ duration: 0.2 }}
+            >
+              <div className="admin-modal-header">
+                <h2 className="admin-modal-title">Vytvořit objednávku</h2>
+              </div>
+              <div className="admin-modal-body">
+                <div className="admin-form">
+                  <FormField label="Číslo objednávky zákazníka" required>
+                    <input
+                      type="text"
+                      value={customerOrderNumber}
+                      onChange={(e: ChangeEvent<HTMLInputElement>) =>
+                        setCustomerOrderNumber(e.target.value)
+                      }
+                      onKeyDown={(e) =>
+                        e.key === "Enter" &&
+                        !creatingOrder &&
+                        handleCreateOrder()
+                      }
+                      className="admin-form-input"
+                      placeholder="Např. PO-2026-001"
+                      autoFocus
+                    />
+                  </FormField>
+                  <FormField label="Příloha (PDF)">
+                    {orderAttachment ? (
+                      <div className="flex-row gap-2">
+                        <span className="text-md">
+                          {orderAttachment.name}{" "}
+                          <span className="text-tertiary">
+                            ({(orderAttachment.size / 1024).toFixed(0)} KB)
+                          </span>
+                        </span>
+                        <button
+                          type="button"
+                          onClick={() => setOrderAttachment(null)}
+                          className="admin-btn-icon"
+                          title="Odebrat"
+                          style={{ marginLeft: "auto" }}
+                        >
+                          <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            strokeWidth="2"
+                          >
+                            <path d="M18 6L6 18M6 6l12 12" />
+                          </svg>
+                        </button>
+                      </div>
+                    ) : (
+                      <label
+                        className="admin-btn admin-btn-secondary admin-btn-sm"
+                        style={{
+                          cursor: "pointer",
+                          display: "inline-flex",
+                          alignItems: "center",
+                          gap: "0.4rem",
+                        }}
+                      >
+                        Vybrat soubor
+                        <input
+                          type="file"
+                          accept="application/pdf"
+                          onChange={(e: ChangeEvent<HTMLInputElement>) =>
+                            setOrderAttachment(e.target.files?.[0] || null)
+                          }
+                          style={{ display: "none" }}
+                        />
+                      </label>
+                    )}
+                    <small
+                      className="admin-form-hint"
+                      style={{ marginTop: "0.25rem" }}
+                    >
+                      Max 10 MB
+                    </small>
+                  </FormField>
+                </div>
+              </div>
+              <div className="admin-modal-footer">
+                <button
+                  onClick={() => setShowOrderModal(false)}
+                  className="admin-btn admin-btn-secondary"
+                  disabled={creatingOrder}
+                >
+                  Zrušit
+                </button>
+                <button
+                  onClick={handleCreateOrder}
+                  className="admin-btn admin-btn-primary"
+                  disabled={creatingOrder || !customerOrderNumber.trim()}
+                >
+                  {creatingOrder ? "Vytváření..." : "Vytvořit"}
+                </button>
+              </div>
+            </motion.div>
+          </motion.div>
+        )}
+      </AnimatePresence>
 
-        <ConfirmModal
-          isOpen={deleteConfirm}
-          onClose={() => setDeleteConfirm(false)}
-          onConfirm={handleDelete}
-          title="Smazat nabídku"
-          message={`Opravdu chcete smazat nabídku "${form.quotation_number}"? Budou smazány i všechny položky a sekce. Tato akce je nevratná.`}
-          confirmText="Smazat"
-          cancelText="Zrušit"
-          type="danger"
-          loading={deleting}
-        />
-      </div>
-    </Skeleton>
+      <ConfirmModal
+        isOpen={invalidateConfirm}
+        onClose={() => setInvalidateConfirm(false)}
+        onConfirm={handleInvalidateOffer}
+        title="Zneplatnit nabídku"
+        message={`Opravdu chcete zneplatnit nabídku "${form.quotation_number}"? Nabídka bude pouze pro čtení a nepůjde upravovat.`}
+        confirmText="Zneplatnit"
+        cancelText="Zrušit"
+        type="danger"
+        loading={invalidatingOffer}
+      />
+
+      <ConfirmModal
+        isOpen={deleteConfirm}
+        onClose={() => setDeleteConfirm(false)}
+        onConfirm={handleDelete}
+        title="Smazat nabídku"
+        message={`Opravdu chcete smazat nabídku "${form.quotation_number}"? Budou smazány i všechny položky a sekce. Tato akce je nevratná.`}
+        confirmText="Smazat"
+        cancelText="Zrušit"
+        type="danger"
+        loading={deleting}
+      />
+    </div>
   );
 }
diff --git a/src/admin/pages/Offers.tsx b/src/admin/pages/Offers.tsx
index 078f993..9df43a2 100644
--- a/src/admin/pages/Offers.tsx
+++ b/src/admin/pages/Offers.tsx
@@ -5,16 +5,14 @@ import { Link, useNavigate } from "react-router-dom";
 import { motion, AnimatePresence } from "framer-motion";
 import ConfirmModal from "../components/ConfirmModal";
 import Forbidden from "../components/Forbidden";
-import { Skeleton } from "boneyard-js/react";
-import OffersFixture from "../fixtures/OffersFixture";
 
 import apiFetch from "../utils/api";
 import { formatCurrency, formatDate, czechPlural } from "../utils/formatters";
 import SortIcon from "../components/SortIcon";
 import useTableSort from "../hooks/useTableSort";
-import { useQueryClient } from "@tanstack/react-query";
+import { useQueryClient, useQuery } from "@tanstack/react-query";
 import { usePaginatedQuery } from "../hooks/usePaginatedQuery";
-import { offerListOptions } from "../lib/queries/offers";
+import { offerListOptions, offerCustomersOptions } from "../lib/queries/offers";
 import useModalLock from "../hooks/useModalLock";
 import Pagination from "../components/Pagination";
 import FormField from "../components/FormField";
@@ -22,6 +20,19 @@ import FormField from "../components/FormField";
 const API_BASE = "/api/admin";
 const DRAFT_KEY = "boha_offer_draft";
 
+const STATUS_FILTERS = [
+  { value: "", label: "Vše" },
+  { value: "active", label: "Aktivní" },
+  { value: "ordered", label: "Objednaná" },
+  { value: "invalidated", label: "Zneplatněná" },
+];
+
+const ORDER_FILTERS = [
+  { value: "", label: "Vše" },
+  { value: "yes", label: "S objednávkou" },
+  { value: "no", label: "Bez objednávky" },
+];
+
 interface Quotation {
   id: number;
   quotation_number: string;
@@ -57,6 +68,11 @@ export default function Offers() {
     useTableSort("quotation_number");
   const [search, setSearch] = useState("");
   const [page, setPage] = useState(1);
+  const [statusFilter, setStatusFilter] = useState("");
+  const [customerFilter, setCustomerFilter] = useState<number | "">("");
+  const [orderFilter, setOrderFilter] = useState("");
+
+  const { data: customers } = useQuery(offerCustomersOptions());
 
   const [deleteConfirm, setDeleteConfirm] = useState<{
     show: boolean;
@@ -107,7 +123,15 @@ export default function Offers() {
     isPending,
     isFetching,
   } = usePaginatedQuery<Quotation>(
-    offerListOptions({ search, sort, order, page }),
+    offerListOptions({
+      search,
+      sort,
+      order,
+      page,
+      status: statusFilter || undefined,
+      customer_id: customerFilter || undefined,
+      has_order: orderFilter || undefined,
+    }),
   );
 
   const discardDraft = () => {
@@ -279,410 +303,563 @@ export default function Offers() {
     }
   };
 
-  return (
-    <Skeleton name="offers" loading={isPending} fixture={<OffersFixture />}>
-      <div>
-        <motion.div
-          className="admin-page-header"
-          initial={{ opacity: 0, y: 12 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.25 }}
-        >
-          <div>
-            <h1 className="admin-page-title">Nabídky</h1>
-            <p className="admin-page-subtitle">
-              {pagination?.total ?? quotations.length}{" "}
-              {czechPlural(
-                pagination?.total ?? quotations.length,
-                "nabídka",
-                "nabídky",
-                "nabídek",
-              )}
-            </p>
-          </div>
-          <div className="admin-page-actions">
-            {hasPermission("settings.templates") && (
-              <Link
-                to="/offers/templates"
-                className="admin-btn admin-btn-secondary"
-              >
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  strokeWidth="2"
-                >
-                  <rect x="3" y="3" width="18" height="18" rx="2" />
-                  <path d="M3 9h18M9 21V9" />
-                </svg>
-                Šablony
-              </Link>
-            )}
-            {hasPermission("offers.create") && (
-              <Link to="/offers/new" className="admin-btn admin-btn-primary">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  strokeWidth="2"
-                >
-                  <line x1="12" y1="5" x2="12" y2="19" />
-                  <line x1="5" y1="12" x2="19" y2="12" />
-                </svg>
-                Nová nabídka
-              </Link>
-            )}
-          </div>
-        </motion.div>
+  if (isPending) {
+    return (
+      <div className="admin-loading">
+        <div className="admin-spinner" />
+      </div>
+    );
+  }
 
-        <motion.div
-          className="admin-card"
-          initial={{ opacity: 0, y: 12 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.25, delay: 0.06 }}
-          style={{ opacity: isFetching ? 0.6 : 1, transition: "opacity 0.2s" }}
-        >
-          <div className="admin-card-body">
-            <div className="admin-search-bar mb-4">
-              <input
-                type="text"
-                value={search}
+  return (
+    <div>
+      <motion.div
+        className="admin-page-header"
+        initial={{ opacity: 0, y: 12 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.25 }}
+      >
+        <div>
+          <h1 className="admin-page-title">Nabídky</h1>
+          <p className="admin-page-subtitle">
+            {pagination?.total ?? quotations.length}{" "}
+            {czechPlural(
+              pagination?.total ?? quotations.length,
+              "nabídka",
+              "nabídky",
+              "nabídek",
+            )}
+          </p>
+        </div>
+        <div className="admin-page-actions">
+          {hasPermission("settings.templates") && (
+            <Link
+              to="/offers/templates"
+              className="admin-btn admin-btn-secondary"
+            >
+              <svg
+                width="20"
+                height="20"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                strokeWidth="2"
+              >
+                <rect x="3" y="3" width="18" height="18" rx="2" />
+                <path d="M3 9h18M9 21V9" />
+              </svg>
+              Šablony
+            </Link>
+          )}
+          {hasPermission("offers.create") && (
+            <Link to="/offers/new" className="admin-btn admin-btn-primary">
+              <svg
+                width="20"
+                height="20"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                strokeWidth="2"
+              >
+                <line x1="12" y1="5" x2="12" y2="19" />
+                <line x1="5" y1="12" x2="19" y2="12" />
+              </svg>
+              Nová nabídka
+            </Link>
+          )}
+        </div>
+      </motion.div>
+
+      <motion.div
+        initial={{ opacity: 0, y: 12 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.25, delay: 0.1 }}
+      >
+        <div className="admin-tabs mb-6">
+          {STATUS_FILTERS.map((f) => (
+            <button
+              key={f.value}
+              className={`admin-tab ${statusFilter === f.value ? "active" : ""}`}
+              onClick={() => {
+                setStatusFilter(f.value);
+                setPage(1);
+              }}
+            >
+              {f.label}
+            </button>
+          ))}
+        </div>
+      </motion.div>
+
+      <motion.div
+        className="admin-card"
+        initial={{ opacity: 0, y: 12 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.25, delay: 0.15 }}
+        style={{ opacity: isFetching ? 0.6 : 1, transition: "opacity 0.2s" }}
+      >
+        <div className="admin-card-body">
+          <div className="admin-search-bar mb-4">
+            <input
+              type="text"
+              value={search}
+              onChange={(e) => {
+                setSearch(e.target.value);
+                setPage(1);
+              }}
+              className="admin-form-input"
+              placeholder="Hledat podle čísla, projektu nebo zákazníka..."
+            />
+          </div>
+
+          <div className="admin-filters mb-4">
+            <div className="admin-filter-group">
+              <label className="admin-filter-label">Zákazník</label>
+              <select
+                value={customerFilter}
                 onChange={(e) => {
-                  setSearch(e.target.value);
+                  setCustomerFilter(
+                    e.target.value ? Number(e.target.value) : "",
+                  );
                   setPage(1);
                 }}
-                className="admin-form-input"
-                placeholder="Hledat podle čísla, projektu nebo zákazníka..."
-              />
+                className="admin-form-select"
+              >
+                <option value="">Všichni</option>
+                {customers?.map((c) => (
+                  <option key={c.id} value={c.id}>
+                    {c.name}
+                  </option>
+                ))}
+              </select>
             </div>
+            <div className="admin-filter-group">
+              <label className="admin-filter-label">Objednávka</label>
+              <select
+                value={orderFilter}
+                onChange={(e) => {
+                  setOrderFilter(e.target.value);
+                  setPage(1);
+                }}
+                className="admin-form-select"
+              >
+                {ORDER_FILTERS.map((f) => (
+                  <option key={f.value} value={f.value}>
+                    {f.label}
+                  </option>
+                ))}
+              </select>
+            </div>
+          </div>
 
-            {quotations.length === 0 && !draft ? (
-              <div className="admin-empty-state">
-                <div className="admin-empty-icon">
-                  <svg
-                    width="28"
-                    height="28"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    strokeWidth="1.5"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  >
-                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
-                    <polyline points="14 2 14 8 20 8" />
-                    <line x1="12" y1="18" x2="12" y2="12" />
-                    <line x1="9" y1="15" x2="15" y2="15" />
-                  </svg>
+          <AnimatePresence mode="wait">
+            <motion.div
+              key={`${statusFilter}-${customerFilter}-${orderFilter}-${search}-${page}-${quotations.length}`}
+              initial={{ opacity: 0, y: 6 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0 }}
+              transition={{ duration: 0.15 }}
+            >
+              {quotations.length === 0 && !draft ? (
+                <div className="admin-empty-state">
+                  <div className="admin-empty-icon">
+                    <svg
+                      width="28"
+                      height="28"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      strokeWidth="1.5"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    >
+                      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                      <polyline points="14 2 14 8 20 8" />
+                      <line x1="12" y1="18" x2="12" y2="12" />
+                      <line x1="9" y1="15" x2="15" y2="15" />
+                    </svg>
+                  </div>
+                  <p>Zatím nejsou žádné nabídky.</p>
+                  {hasPermission("offers.create") && (
+                    <Link
+                      to="/offers/new"
+                      className="admin-btn admin-btn-primary"
+                    >
+                      Vytvořit první nabídku
+                    </Link>
+                  )}
                 </div>
-                <p>Zatím nejsou žádné nabídky.</p>
-                {hasPermission("offers.create") && (
-                  <Link
-                    to="/offers/new"
-                    className="admin-btn admin-btn-primary"
-                  >
-                    Vytvořit první nabídku
-                  </Link>
-                )}
-              </div>
-            ) : (
-              <div className="admin-table-responsive">
-                <table className="admin-table">
-                  <thead>
-                    <tr>
-                      <th
-                        style={{ cursor: "pointer" }}
-                        onClick={() => handleSort("quotation_number")}
-                      >
-                        Číslo{" "}
-                        <SortIcon
-                          column="quotation_number"
-                          sort={activeSort}
-                          order={order}
-                        />
-                      </th>
-                      <th
-                        style={{ cursor: "pointer" }}
-                        onClick={() => handleSort("project_code")}
-                      >
-                        Projekt{" "}
-                        <SortIcon
-                          column="project_code"
-                          sort={activeSort}
-                          order={order}
-                        />
-                      </th>
-                      <th>Zákazník</th>
-                      <th
-                        style={{ cursor: "pointer" }}
-                        onClick={() => handleSort("created_at")}
-                      >
-                        Datum{" "}
-                        <SortIcon
-                          column="created_at"
-                          sort={activeSort}
-                          order={order}
-                        />
-                      </th>
-                      <th
-                        style={{ cursor: "pointer" }}
-                        onClick={() => handleSort("valid_until")}
-                      >
-                        Platnost{" "}
-                        <SortIcon
-                          column="valid_until"
-                          sort={activeSort}
-                          order={order}
-                        />
-                      </th>
-                      <th
-                        style={{ cursor: "pointer" }}
-                        onClick={() => handleSort("currency")}
-                      >
-                        Měna{" "}
-                        <SortIcon
-                          column="currency"
-                          sort={activeSort}
-                          order={order}
-                        />
-                      </th>
-                      <th className="text-right">Celkem</th>
-                      <th>Akce</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {draft && !search && (
-                      <tr className="offers-draft-row">
-                        <td>
-                          <span className="offers-draft-row-label">
-                            Koncept
-                            {draft.savedAt && (
-                              <span style={{ fontWeight: 400, opacity: 0.8 }}>
-                                {" · "}
-                                {new Date(draft.savedAt).toLocaleTimeString(
-                                  "cs-CZ",
-                                  { hour: "2-digit", minute: "2-digit" },
-                                )}
-                              </span>
-                            )}
-                          </span>
-                        </td>
-                        <td>{draft.form.project_code || "—"}</td>
-                        <td>{draft.form.customer_name || "—"}</td>
-                        <td className="admin-mono">
-                          {draft.form.created_at
-                            ? formatDate(draft.form.created_at)
-                            : "—"}
-                        </td>
-                        <td className="admin-mono">
-                          {draft.form.valid_until
-                            ? formatDate(draft.form.valid_until)
-                            : "—"}
-                        </td>
-                        <td>
-                          <span className="admin-badge admin-badge-secondary">
-                            {draft.form.currency || "—"}
-                          </span>
-                        </td>
-                        <td />
-                        <td>
-                          <div className="admin-table-actions">
-                            <Link
-                              to="/offers/new"
-                              className="admin-btn-icon"
-                              title="Pokračovat v konceptu"
-                              aria-label="Pokračovat v konceptu"
-                            >
-                              <svg
-                                width="18"
-                                height="18"
-                                viewBox="0 0 24 24"
-                                fill="none"
-                                stroke="currentColor"
-                                strokeWidth="2"
-                              >
-                                <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
-                                <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
-                              </svg>
-                            </Link>
-                            <button
-                              onClick={discardDraft}
-                              className="admin-btn-icon danger"
-                              title="Zahodit koncept"
-                            >
-                              <svg
-                                width="18"
-                                height="18"
-                                viewBox="0 0 24 24"
-                                fill="none"
-                                stroke="currentColor"
-                                strokeWidth="2"
-                              >
-                                <polyline points="3 6 5 6 21 6" />
-                                <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
-                              </svg>
-                            </button>
-                          </div>
-                        </td>
-                      </tr>
-                    )}
-                    {(quotations as Quotation[]).map((q) => {
-                      const isInvalidated = q.status === "invalidated";
-                      const isCompleted =
-                        !isInvalidated && q.order_status === "dokoncena";
-                      const isExpired =
-                        !isInvalidated &&
-                        !isCompleted &&
-                        !q.order_id &&
-                        q.valid_until &&
-                        new Date(q.valid_until) <
-                          new Date(new Date().toDateString());
-                      const readOnly = isInvalidated || isCompleted;
-                      return (
-                        <tr
-                          key={q.id}
-                          className={getRowClass(
-                            isInvalidated,
-                            !!isExpired,
-                            isCompleted,
-                          )}
+              ) : (
+                <div className="admin-table-responsive">
+                  <table className="admin-table">
+                    <thead>
+                      <tr>
+                        <th
+                          style={{ cursor: "pointer" }}
+                          onClick={() => handleSort("quotation_number")}
                         >
+                          Číslo{" "}
+                          <SortIcon
+                            column="quotation_number"
+                            sort={activeSort}
+                            order={order}
+                          />
+                        </th>
+                        <th
+                          style={{ cursor: "pointer" }}
+                          onClick={() => handleSort("project_code")}
+                        >
+                          Projekt{" "}
+                          <SortIcon
+                            column="project_code"
+                            sort={activeSort}
+                            order={order}
+                          />
+                        </th>
+                        <th>Zákazník</th>
+                        <th
+                          style={{ cursor: "pointer" }}
+                          onClick={() => handleSort("created_at")}
+                        >
+                          Datum{" "}
+                          <SortIcon
+                            column="created_at"
+                            sort={activeSort}
+                            order={order}
+                          />
+                        </th>
+                        <th
+                          style={{ cursor: "pointer" }}
+                          onClick={() => handleSort("valid_until")}
+                        >
+                          Platnost{" "}
+                          <SortIcon
+                            column="valid_until"
+                            sort={activeSort}
+                            order={order}
+                          />
+                        </th>
+                        <th
+                          style={{ cursor: "pointer" }}
+                          onClick={() => handleSort("currency")}
+                        >
+                          Měna{" "}
+                          <SortIcon
+                            column="currency"
+                            sort={activeSort}
+                            order={order}
+                          />
+                        </th>
+                        <th className="text-right">Celkem</th>
+                        <th>Akce</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {draft && !search && (
+                        <tr className="offers-draft-row">
                           <td>
-                            <Link
-                              to={`/offers/${q.id}`}
-                              className="link-accent"
-                            >
-                              {q.quotation_number}
-                            </Link>
+                            <span className="offers-draft-row-label">
+                              Koncept
+                              {draft.savedAt && (
+                                <span style={{ fontWeight: 400, opacity: 0.8 }}>
+                                  {" · "}
+                                  {new Date(draft.savedAt).toLocaleTimeString(
+                                    "cs-CZ",
+                                    { hour: "2-digit", minute: "2-digit" },
+                                  )}
+                                </span>
+                              )}
+                            </span>
                           </td>
-                          <td>{q.project_code || "—"}</td>
-                          <td>{q.customer_name || "—"}</td>
+                          <td>{draft.form.project_code || "—"}</td>
+                          <td>{draft.form.customer_name || "—"}</td>
                           <td className="admin-mono">
-                            {formatDate(q.created_at)}
+                            {draft.form.created_at
+                              ? formatDate(draft.form.created_at)
+                              : "—"}
                           </td>
                           <td className="admin-mono">
-                            {formatDate(q.valid_until)}
+                            {draft.form.valid_until
+                              ? formatDate(draft.form.valid_until)
+                              : "—"}
                           </td>
                           <td>
                             <span className="admin-badge admin-badge-secondary">
-                              {q.currency}
+                              {draft.form.currency || "—"}
                             </span>
                           </td>
-                          <td className="admin-mono text-right fw-500">
-                            {formatCurrency(q.total, q.currency)}
-                          </td>
+                          <td />
                           <td>
                             <div className="admin-table-actions">
                               <Link
-                                to={`/offers/${q.id}`}
+                                to="/offers/new"
                                 className="admin-btn-icon"
-                                title={readOnly ? "Zobrazit" : "Upravit"}
-                                aria-label={readOnly ? "Zobrazit" : "Upravit"}
+                                title="Pokračovat v konceptu"
+                                aria-label="Pokračovat v konceptu"
                               >
-                                {readOnly ? (
-                                  <svg
-                                    width="18"
-                                    height="18"
-                                    viewBox="0 0 24 24"
-                                    fill="none"
-                                    stroke="currentColor"
-                                    strokeWidth="2"
-                                  >
-                                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
-                                    <circle cx="12" cy="12" r="3" />
-                                  </svg>
-                                ) : (
-                                  <svg
-                                    width="18"
-                                    height="18"
-                                    viewBox="0 0 24 24"
-                                    fill="none"
-                                    stroke="currentColor"
-                                    strokeWidth="2"
-                                  >
-                                    <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
-                                    <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
-                                  </svg>
-                                )}
+                                <svg
+                                  width="18"
+                                  height="18"
+                                  viewBox="0 0 24 24"
+                                  fill="none"
+                                  stroke="currentColor"
+                                  strokeWidth="2"
+                                >
+                                  <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
+                                  <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
+                                </svg>
                               </Link>
-                              {!readOnly && hasPermission("offers.create") && (
-                                <button
-                                  onClick={() => handleDuplicate(q)}
-                                  className="admin-btn-icon"
-                                  title="Duplikovat"
-                                  disabled={duplicating === q.id}
+                              <button
+                                onClick={discardDraft}
+                                className="admin-btn-icon danger"
+                                title="Zahodit koncept"
+                              >
+                                <svg
+                                  width="18"
+                                  height="18"
+                                  viewBox="0 0 24 24"
+                                  fill="none"
+                                  stroke="currentColor"
+                                  strokeWidth="2"
                                 >
-                                  <svg
-                                    width="18"
-                                    height="18"
-                                    viewBox="0 0 24 24"
-                                    fill="none"
-                                    stroke="currentColor"
-                                    strokeWidth="2"
-                                  >
-                                    <rect
-                                      x="9"
-                                      y="9"
-                                      width="13"
-                                      height="13"
-                                      rx="2"
-                                      ry="2"
-                                    />
-                                    <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
-                                  </svg>
-                                </button>
-                              )}
-                              {!readOnly && q.order_id ? (
+                                  <polyline points="3 6 5 6 21 6" />
+                                  <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                                </svg>
+                              </button>
+                            </div>
+                          </td>
+                        </tr>
+                      )}
+                      {(quotations as Quotation[]).map((q) => {
+                        const isInvalidated = q.status === "invalidated";
+                        const isCompleted =
+                          !isInvalidated && q.order_status === "dokoncena";
+                        const isExpired =
+                          !isInvalidated &&
+                          !isCompleted &&
+                          !q.order_id &&
+                          q.valid_until &&
+                          new Date(q.valid_until) <
+                            new Date(new Date().toDateString());
+                        const readOnly = isInvalidated || isCompleted;
+                        return (
+                          <tr
+                            key={q.id}
+                            className={getRowClass(
+                              isInvalidated,
+                              !!isExpired,
+                              isCompleted,
+                            )}
+                          >
+                            <td>
+                              <Link
+                                to={`/offers/${q.id}`}
+                                className="link-accent"
+                              >
+                                {q.quotation_number}
+                              </Link>
+                            </td>
+                            <td>{q.project_code || "—"}</td>
+                            <td>{q.customer_name || "—"}</td>
+                            <td className="admin-mono">
+                              {formatDate(q.created_at)}
+                            </td>
+                            <td className="admin-mono">
+                              {formatDate(q.valid_until)}
+                            </td>
+                            <td>
+                              <span className="admin-badge admin-badge-secondary">
+                                {q.currency}
+                              </span>
+                            </td>
+                            <td className="admin-mono text-right fw-500">
+                              {formatCurrency(q.total, q.currency)}
+                            </td>
+                            <td>
+                              <div className="admin-table-actions">
                                 <Link
-                                  to={`/orders/${q.order_id}`}
-                                  className="admin-btn-icon accent"
-                                  title="Zobrazit objednávku"
-                                  aria-label="Zobrazit objednávku"
+                                  to={`/offers/${q.id}`}
+                                  className="admin-btn-icon"
+                                  title={readOnly ? "Zobrazit" : "Upravit"}
+                                  aria-label={readOnly ? "Zobrazit" : "Upravit"}
                                 >
-                                  <svg
-                                    width="18"
-                                    height="18"
-                                    viewBox="0 0 24 24"
-                                    fill="none"
-                                    stroke="currentColor"
-                                    strokeWidth="2"
-                                  >
-                                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
-                                    <polyline points="14 2 14 8 20 8" />
-                                    <text
-                                      x="12"
-                                      y="16.5"
-                                      textAnchor="middle"
-                                      fill="currentColor"
-                                      stroke="none"
-                                      fontSize="9"
-                                      fontWeight="700"
+                                  {readOnly ? (
+                                    <svg
+                                      width="18"
+                                      height="18"
+                                      viewBox="0 0 24 24"
+                                      fill="none"
+                                      stroke="currentColor"
+                                      strokeWidth="2"
                                     >
-                                      O
-                                    </text>
-                                  </svg>
+                                      <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
+                                      <circle cx="12" cy="12" r="3" />
+                                    </svg>
+                                  ) : (
+                                    <svg
+                                      width="18"
+                                      height="18"
+                                      viewBox="0 0 24 24"
+                                      fill="none"
+                                      stroke="currentColor"
+                                      strokeWidth="2"
+                                    >
+                                      <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
+                                      <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
+                                    </svg>
+                                  )}
                                 </Link>
-                              ) : (
-                                !readOnly &&
-                                hasPermission("orders.create") && (
-                                  <button
-                                    onClick={() => {
-                                      setCustomerOrderNumber("");
-                                      setOrderAttachment(null);
-                                      setOrderModal({
-                                        show: true,
-                                        quotation: q,
-                                      });
-                                    }}
-                                    className="admin-btn-icon"
-                                    title="Vytvořit objednávku"
-                                    disabled={creatingOrder === q.id}
+                                {!readOnly &&
+                                  hasPermission("offers.create") && (
+                                    <button
+                                      onClick={() => handleDuplicate(q)}
+                                      className="admin-btn-icon"
+                                      title="Duplikovat"
+                                      disabled={duplicating === q.id}
+                                    >
+                                      <svg
+                                        width="18"
+                                        height="18"
+                                        viewBox="0 0 24 24"
+                                        fill="none"
+                                        stroke="currentColor"
+                                        strokeWidth="2"
+                                      >
+                                        <rect
+                                          x="9"
+                                          y="9"
+                                          width="13"
+                                          height="13"
+                                          rx="2"
+                                          ry="2"
+                                        />
+                                        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
+                                      </svg>
+                                    </button>
+                                  )}
+                                {!readOnly && q.order_id ? (
+                                  <Link
+                                    to={`/orders/${q.order_id}`}
+                                    className="admin-btn-icon accent"
+                                    title="Zobrazit objednávku"
+                                    aria-label="Zobrazit objednávku"
                                   >
-                                    {creatingOrder === q.id ? (
+                                    <svg
+                                      width="18"
+                                      height="18"
+                                      viewBox="0 0 24 24"
+                                      fill="none"
+                                      stroke="currentColor"
+                                      strokeWidth="2"
+                                    >
+                                      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                                      <polyline points="14 2 14 8 20 8" />
+                                      <text
+                                        x="12"
+                                        y="16.5"
+                                        textAnchor="middle"
+                                        fill="currentColor"
+                                        stroke="none"
+                                        fontSize="9"
+                                        fontWeight="700"
+                                      >
+                                        O
+                                      </text>
+                                    </svg>
+                                  </Link>
+                                ) : (
+                                  !readOnly &&
+                                  hasPermission("orders.create") && (
+                                    <button
+                                      onClick={() => {
+                                        setCustomerOrderNumber("");
+                                        setOrderAttachment(null);
+                                        setOrderModal({
+                                          show: true,
+                                          quotation: q,
+                                        });
+                                      }}
+                                      className="admin-btn-icon"
+                                      title="Vytvořit objednávku"
+                                      disabled={creatingOrder === q.id}
+                                    >
+                                      {creatingOrder === q.id ? (
+                                        <div
+                                          className="admin-spinner"
+                                          style={{
+                                            width: 18,
+                                            height: 18,
+                                            borderWidth: 2,
+                                          }}
+                                        />
+                                      ) : (
+                                        <svg
+                                          width="18"
+                                          height="18"
+                                          viewBox="0 0 24 24"
+                                          fill="none"
+                                          stroke="currentColor"
+                                          strokeWidth="2"
+                                        >
+                                          <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                                          <polyline points="14 2 14 8 20 8" />
+                                          <line
+                                            x1="12"
+                                            y1="11"
+                                            x2="12"
+                                            y2="17"
+                                          />
+                                          <line
+                                            x1="9"
+                                            y1="14"
+                                            x2="15"
+                                            y2="14"
+                                          />
+                                        </svg>
+                                      )}
+                                    </button>
+                                  )
+                                )}
+                                {!isInvalidated &&
+                                  !isCompleted &&
+                                  !q.order_id &&
+                                  hasPermission("offers.edit") && (
+                                    <button
+                                      onClick={() =>
+                                        setInvalidateConfirm({
+                                          show: true,
+                                          quotation: q,
+                                        })
+                                      }
+                                      className="admin-btn-icon"
+                                      title="Zneplatnit"
+                                    >
+                                      <svg
+                                        width="18"
+                                        height="18"
+                                        viewBox="0 0 24 24"
+                                        fill="none"
+                                        stroke="currentColor"
+                                        strokeWidth="2"
+                                      >
+                                        <circle cx="12" cy="12" r="10" />
+                                        <line
+                                          x1="4.93"
+                                          y1="4.93"
+                                          x2="19.07"
+                                          y2="19.07"
+                                        />
+                                      </svg>
+                                    </button>
+                                  )}
+                                {hasPermission("offers.export") && (
+                                  <button
+                                    onClick={() => handlePdf(q)}
+                                    className="admin-btn-icon"
+                                    title="Zobrazit nabídku"
+                                    disabled={pdfLoading === q.id}
+                                  >
+                                    {pdfLoading === q.id ? (
                                       <div
                                         className="admin-spinner"
                                         style={{
@@ -702,25 +879,22 @@ export default function Offers() {
                                       >
                                         <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
                                         <polyline points="14 2 14 8 20 8" />
-                                        <line x1="12" y1="11" x2="12" y2="17" />
-                                        <line x1="9" y1="14" x2="15" y2="14" />
+                                        <line x1="16" y1="13" x2="8" y2="13" />
+                                        <line x1="16" y1="17" x2="8" y2="17" />
                                       </svg>
                                     )}
                                   </button>
-                                )
-                              )}
-                              {isExpired &&
-                                !isInvalidated &&
-                                hasPermission("offers.edit") && (
+                                )}
+                                {hasPermission("offers.delete") && (
                                   <button
                                     onClick={() =>
-                                      setInvalidateConfirm({
+                                      setDeleteConfirm({
                                         show: true,
                                         quotation: q,
                                       })
                                     }
-                                    className="admin-btn-icon"
-                                    title="Zneplatnit"
+                                    className="admin-btn-icon danger"
+                                    title="Smazat"
                                   >
                                     <svg
                                       width="18"
@@ -730,217 +904,137 @@ export default function Offers() {
                                       stroke="currentColor"
                                       strokeWidth="2"
                                     >
-                                      <circle cx="12" cy="12" r="10" />
-                                      <line
-                                        x1="4.93"
-                                        y1="4.93"
-                                        x2="19.07"
-                                        y2="19.07"
-                                      />
+                                      <polyline points="3 6 5 6 21 6" />
+                                      <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
                                     </svg>
                                   </button>
                                 )}
-                              {hasPermission("offers.export") && (
-                                <button
-                                  onClick={() => handlePdf(q)}
-                                  className="admin-btn-icon"
-                                  title="Zobrazit nabídku"
-                                  disabled={pdfLoading === q.id}
-                                >
-                                  {pdfLoading === q.id ? (
-                                    <div
-                                      className="admin-spinner"
-                                      style={{
-                                        width: 18,
-                                        height: 18,
-                                        borderWidth: 2,
-                                      }}
-                                    />
-                                  ) : (
-                                    <svg
-                                      width="18"
-                                      height="18"
-                                      viewBox="0 0 24 24"
-                                      fill="none"
-                                      stroke="currentColor"
-                                      strokeWidth="2"
-                                    >
-                                      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
-                                      <polyline points="14 2 14 8 20 8" />
-                                      <line x1="16" y1="13" x2="8" y2="13" />
-                                      <line x1="16" y1="17" x2="8" y2="17" />
-                                    </svg>
-                                  )}
-                                </button>
-                              )}
-                              {hasPermission("offers.delete") && (
-                                <button
-                                  onClick={() =>
-                                    setDeleteConfirm({
-                                      show: true,
-                                      quotation: q,
-                                    })
-                                  }
-                                  className="admin-btn-icon danger"
-                                  title="Smazat"
-                                >
-                                  <svg
-                                    width="18"
-                                    height="18"
-                                    viewBox="0 0 24 24"
-                                    fill="none"
-                                    stroke="currentColor"
-                                    strokeWidth="2"
-                                  >
-                                    <polyline points="3 6 5 6 21 6" />
-                                    <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
-                                  </svg>
-                                </button>
-                              )}
-                            </div>
+                              </div>
+                            </td>
+                          </tr>
+                        );
+                      })}
+                      {quotations.length === 0 && draft && search && (
+                        <tr>
+                          <td
+                            colSpan={8}
+                            className="text-muted text-center"
+                            style={{ padding: "1.5rem" }}
+                          >
+                            Žádné nabídky odpovídající hledání.
                           </td>
                         </tr>
-                      );
-                    })}
-                    {quotations.length === 0 && draft && search && (
-                      <tr>
-                        <td
-                          colSpan={8}
-                          className="text-muted text-center"
-                          style={{ padding: "1.5rem" }}
-                        >
-                          Žádné nabídky odpovídající hledání.
-                        </td>
-                      </tr>
-                    )}
-                  </tbody>
-                </table>
-              </div>
-            )}
-            <Pagination pagination={pagination} onPageChange={setPage} />
-          </div>
-        </motion.div>
+                      )}
+                    </tbody>
+                  </table>
+                </div>
+              )}
+            </motion.div>
+          </AnimatePresence>
+          <Pagination pagination={pagination} onPageChange={setPage} />
+        </div>
+      </motion.div>
 
-        <ConfirmModal
-          isOpen={deleteConfirm.show}
-          onClose={() => setDeleteConfirm({ show: false, quotation: null })}
-          onConfirm={handleDelete}
-          title="Smazat nabídku"
-          message={`Opravdu chcete smazat nabídku "${deleteConfirm.quotation?.quotation_number}"? Budou smazány i všechny položky a sekce. Tato akce je nevratná.`}
-          confirmText="Smazat"
-          cancelText="Zrušit"
-          type="danger"
-          loading={deleting}
-        />
+      <ConfirmModal
+        isOpen={deleteConfirm.show}
+        onClose={() => setDeleteConfirm({ show: false, quotation: null })}
+        onConfirm={handleDelete}
+        title="Smazat nabídku"
+        message={`Opravdu chcete smazat nabídku "${deleteConfirm.quotation?.quotation_number}"? Budou smazány i všechny položky a sekce. Tato akce je nevratná.`}
+        confirmText="Smazat"
+        cancelText="Zrušit"
+        type="danger"
+        loading={deleting}
+      />
 
-        <ConfirmModal
-          isOpen={invalidateConfirm.show}
-          onClose={() => setInvalidateConfirm({ show: false, quotation: null })}
-          onConfirm={handleInvalidate}
-          title="Zneplatnit nabídku"
-          message={`Opravdu chcete zneplatnit nabídku "${invalidateConfirm.quotation?.quotation_number}"? Nabídka bude pouze pro čtení a nepůjde upravovat.`}
-          confirmText="Zneplatnit"
-          cancelText="Zrušit"
-          type="danger"
-          loading={invalidating}
-        />
+      <ConfirmModal
+        isOpen={invalidateConfirm.show}
+        onClose={() => setInvalidateConfirm({ show: false, quotation: null })}
+        onConfirm={handleInvalidate}
+        title="Zneplatnit nabídku"
+        message={`Opravdu chcete zneplatnit nabídku "${invalidateConfirm.quotation?.quotation_number}"? Nabídka bude pouze pro čtení a nepůjde upravovat.`}
+        confirmText="Zneplatnit"
+        cancelText="Zrušit"
+        type="danger"
+        loading={invalidating}
+      />
 
-        <AnimatePresence>
-          {orderModal.show && (
+      <AnimatePresence>
+        {orderModal.show && (
+          <motion.div
+            className="admin-modal-overlay"
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            transition={{ duration: 0.2 }}
+          >
+            <div
+              className="admin-modal-backdrop"
+              onClick={() =>
+                !creatingOrder &&
+                setOrderModal({ show: false, quotation: null })
+              }
+            />
             <motion.div
-              className="admin-modal-overlay"
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              exit={{ opacity: 0 }}
+              className="admin-modal"
+              initial={{ opacity: 0, scale: 0.95, y: 20 }}
+              animate={{ opacity: 1, scale: 1, y: 0 }}
+              exit={{ opacity: 0, scale: 0.95, y: 20 }}
               transition={{ duration: 0.2 }}
             >
-              <div
-                className="admin-modal-backdrop"
-                onClick={() =>
-                  !creatingOrder &&
-                  setOrderModal({ show: false, quotation: null })
-                }
-              />
-              <motion.div
-                className="admin-modal"
-                initial={{ opacity: 0, scale: 0.95, y: 20 }}
-                animate={{ opacity: 1, scale: 1, y: 0 }}
-                exit={{ opacity: 0, scale: 0.95, y: 20 }}
-                transition={{ duration: 0.2 }}
-              >
-                <div className="admin-modal-header">
-                  <h2 className="admin-modal-title">Vytvořit objednávku</h2>
-                  <p
-                    className="text-secondary text-md"
-                    style={{ marginTop: "0.25rem" }}
-                  >
-                    Nabídka:{" "}
-                    <strong>{orderModal.quotation?.quotation_number}</strong>
-                  </p>
-                </div>
-                <div className="admin-modal-body">
-                  <div className="admin-form">
-                    <FormField label="Číslo objednávky zákazníka" required>
-                      <input
-                        type="text"
-                        value={customerOrderNumber}
-                        onChange={(e) => setCustomerOrderNumber(e.target.value)}
-                        onKeyDown={(e) =>
-                          e.key === "Enter" &&
-                          !creatingOrder &&
-                          handleCreateOrder()
-                        }
-                        className="admin-form-input"
-                        placeholder="Např. PO-2026-001"
-                        autoFocus
-                      />
-                    </FormField>
-                    <FormField label="Příloha (PDF)">
-                      {orderAttachment ? (
-                        <div className="flex-row gap-2">
-                          <svg
-                            width="16"
-                            height="16"
-                            viewBox="0 0 24 24"
-                            fill="none"
-                            stroke="var(--accent-color)"
-                            strokeWidth="2"
-                          >
-                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
-                            <polyline points="14 2 14 8 20 8" />
-                          </svg>
-                          <span className="text-md">
-                            {orderAttachment.name}{" "}
-                            <span className="text-tertiary">
-                              ({(orderAttachment.size / 1024).toFixed(0)} KB)
-                            </span>
+              <div className="admin-modal-header">
+                <h2 className="admin-modal-title">Vytvořit objednávku</h2>
+                <p
+                  className="text-secondary text-md"
+                  style={{ marginTop: "0.25rem" }}
+                >
+                  Nabídka:{" "}
+                  <strong>{orderModal.quotation?.quotation_number}</strong>
+                </p>
+              </div>
+              <div className="admin-modal-body">
+                <div className="admin-form">
+                  <FormField label="Číslo objednávky zákazníka" required>
+                    <input
+                      type="text"
+                      value={customerOrderNumber}
+                      onChange={(e) => setCustomerOrderNumber(e.target.value)}
+                      onKeyDown={(e) =>
+                        e.key === "Enter" &&
+                        !creatingOrder &&
+                        handleCreateOrder()
+                      }
+                      className="admin-form-input"
+                      placeholder="Např. PO-2026-001"
+                      autoFocus
+                    />
+                  </FormField>
+                  <FormField label="Příloha (PDF)">
+                    {orderAttachment ? (
+                      <div className="flex-row gap-2">
+                        <svg
+                          width="16"
+                          height="16"
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="var(--accent-color)"
+                          strokeWidth="2"
+                        >
+                          <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                          <polyline points="14 2 14 8 20 8" />
+                        </svg>
+                        <span className="text-md">
+                          {orderAttachment.name}{" "}
+                          <span className="text-tertiary">
+                            ({(orderAttachment.size / 1024).toFixed(0)} KB)
                           </span>
-                          <button
-                            type="button"
-                            onClick={() => setOrderAttachment(null)}
-                            className="admin-btn-icon"
-                            title="Odebrat"
-                            style={{ marginLeft: "auto" }}
-                          >
-                            <svg
-                              width="16"
-                              height="16"
-                              viewBox="0 0 24 24"
-                              fill="none"
-                              stroke="currentColor"
-                              strokeWidth="2"
-                            >
-                              <path d="M18 6L6 18M6 6l12 12" />
-                            </svg>
-                          </button>
-                        </div>
-                      ) : (
-                        <label
-                          className="admin-btn admin-btn-secondary admin-btn-sm inline-flex"
-                          style={{
-                            cursor: "pointer",
-                            gap: "0.4rem",
-                          }}
+                        </span>
+                        <button
+                          type="button"
+                          onClick={() => setOrderAttachment(null)}
+                          className="admin-btn-icon"
+                          title="Odebrat"
+                          style={{ marginLeft: "auto" }}
                         >
                           <svg
                             width="16"
@@ -950,53 +1044,72 @@ export default function Offers() {
                             stroke="currentColor"
                             strokeWidth="2"
                           >
-                            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
-                            <polyline points="17 8 12 3 7 8" />
-                            <line x1="12" y1="3" x2="12" y2="15" />
+                            <path d="M18 6L6 18M6 6l12 12" />
                           </svg>
-                          Vybrat soubor
-                          <input
-                            type="file"
-                            accept="application/pdf"
-                            onChange={(e) =>
-                              setOrderAttachment(e.target.files?.[0] || null)
-                            }
-                            style={{ display: "none" }}
-                          />
-                        </label>
-                      )}
-                      <small
-                        className="admin-form-hint"
-                        style={{ marginTop: "0.25rem" }}
+                        </button>
+                      </div>
+                    ) : (
+                      <label
+                        className="admin-btn admin-btn-secondary admin-btn-sm inline-flex"
+                        style={{
+                          cursor: "pointer",
+                          gap: "0.4rem",
+                        }}
                       >
-                        Max 10 MB
-                      </small>
-                    </FormField>
-                  </div>
+                        <svg
+                          width="16"
+                          height="16"
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="currentColor"
+                          strokeWidth="2"
+                        >
+                          <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                          <polyline points="17 8 12 3 7 8" />
+                          <line x1="12" y1="3" x2="12" y2="15" />
+                        </svg>
+                        Vybrat soubor
+                        <input
+                          type="file"
+                          accept="application/pdf"
+                          onChange={(e) =>
+                            setOrderAttachment(e.target.files?.[0] || null)
+                          }
+                          style={{ display: "none" }}
+                        />
+                      </label>
+                    )}
+                    <small
+                      className="admin-form-hint"
+                      style={{ marginTop: "0.25rem" }}
+                    >
+                      Max 10 MB
+                    </small>
+                  </FormField>
                 </div>
-                <div className="admin-modal-footer">
-                  <button
-                    onClick={() =>
-                      setOrderModal({ show: false, quotation: null })
-                    }
-                    className="admin-btn admin-btn-secondary"
-                    disabled={!!creatingOrder}
-                  >
-                    Zrušit
-                  </button>
-                  <button
-                    onClick={handleCreateOrder}
-                    className="admin-btn admin-btn-primary"
-                    disabled={!!creatingOrder || !customerOrderNumber.trim()}
-                  >
-                    {creatingOrder ? "Vytváření..." : "Vytvořit"}
-                  </button>
-                </div>
-              </motion.div>
+              </div>
+              <div className="admin-modal-footer">
+                <button
+                  onClick={() =>
+                    setOrderModal({ show: false, quotation: null })
+                  }
+                  className="admin-btn admin-btn-secondary"
+                  disabled={!!creatingOrder}
+                >
+                  Zrušit
+                </button>
+                <button
+                  onClick={handleCreateOrder}
+                  className="admin-btn admin-btn-primary"
+                  disabled={!!creatingOrder || !customerOrderNumber.trim()}
+                >
+                  {creatingOrder ? "Vytváření..." : "Vytvořit"}
+                </button>
+              </div>
             </motion.div>
-          )}
-        </AnimatePresence>
-      </div>
-    </Skeleton>
+          </motion.div>
+        )}
+      </AnimatePresence>
+    </div>
   );
 }
diff --git a/src/routes/admin/invoices-pdf.ts b/src/routes/admin/invoices-pdf.ts
index 7bee4d3..11a5fda 100644
--- a/src/routes/admin/invoices-pdf.ts
+++ b/src/routes/admin/invoices-pdf.ts
@@ -450,10 +450,11 @@ export default async function invoicesPdfRoutes(
             const lineVat = applyVat ? (lineSubtotal * vatRate) / 100 : 0;
             const lineTotal = lineSubtotal + lineVat;
             const qtyDecimals = Math.floor(qty) === qty ? 0 : 2;
+            const subDesc = item.item_description || "";
 
             return `<tr>
             <td class="row-num">${i + 1}</td>
-            <td class="desc">${escapeHtml(item.description)}</td>
+            <td class="desc">${escapeHtml(item.description)}${subDesc ? `<div class="item-subdesc">${escapeHtml(subDesc)}</div>` : ""}</td>
             <td class="center">${formatNum(qty, qtyDecimals)}${item.unit ? ` / ${escapeHtml(item.unit)}` : ""}</td>
             <td class="right">${formatNum(unitPrice)}</td>
             <td class="right">${formatNum(lineSubtotal)}</td>
@@ -693,6 +694,11 @@ export default async function invoicesPdfRoutes(
     font-weight: 600;
     color: #1a1a1a;
   }
+  .item-subdesc {
+    font-size: 9pt;
+    color: #646464;
+    margin-top: 2px;
+  }
   table.items tbody td.total-cell { font-weight: 700; }
 
   /* Soucet + total - styl z nabidek */
diff --git a/src/routes/admin/offers-pdf.ts b/src/routes/admin/offers-pdf.ts
index b81aeb8..9ceb77f 100644
--- a/src/routes/admin/offers-pdf.ts
+++ b/src/routes/admin/offers-pdf.ts
@@ -199,7 +199,6 @@ const TRANSLATIONS: Record<string, Record<string, string>> = {
   subtotal: { EN: "Subtotal", CZ: "Mezisou\u010Det" },
   vat: { EN: "VAT", CZ: "DPH" },
   total_to_pay: { EN: "Total to pay", CZ: "Celkem k \u00FAhrad\u011B" },
-  exchange_rate: { EN: "Exchange rate", CZ: "Sm\u011Bnn\u00FD kurz" },
   ico: { EN: "ID", CZ: "I\u010CO" },
   dic: { EN: "VAT ID", CZ: "DI\u010C" },
   page: { EN: "Page", CZ: "Strana" },
@@ -262,8 +261,6 @@ export default async function offersPdfRoutes(
         const vatRate = Number(quotation.vat_rate) || 21;
         const vatAmount = applyVat ? subtotal * (vatRate / 100) : 0;
         const totalToPay = subtotal + vatAmount;
-        const exchangeRate = Number(quotation.exchange_rate) || 0;
-
         let hasScopeContent = false;
         for (const s of quotation.scope_sections) {
           if ((s.content || "").trim() || (s.title || "").trim()) {
@@ -331,10 +328,6 @@ export default async function offersPdfRoutes(
       <span class="label">${escapeHtml(t("total_to_pay"))}</span>
       <span class="value">${formatCurrency(totalToPay, currency)}</span>
     </div>`;
-        if (exchangeRate > 0) {
-          totalsHtml += `<div class="exchange-rate">${escapeHtml(t("exchange_rate"))}: ${formatNum(exchangeRate, 4)}</div>`;
-        }
-
         const quotationNumber = escapeHtml(quotation.quotation_number);
 
         let scopeHtml = "";
diff --git a/src/routes/admin/quotations.ts b/src/routes/admin/quotations.ts
index 33e73a1..9cfa6f0 100644
--- a/src/routes/admin/quotations.ts
+++ b/src/routes/admin/quotations.ts
@@ -42,6 +42,7 @@ export default async function quotationsRoutes(
         search,
         status: query.status ? String(query.status) : undefined,
         customer_id: query.customer_id ? Number(query.customer_id) : undefined,
+        has_order: query.has_order ? String(query.has_order) : undefined,
       });
 
       return paginated(
diff --git a/src/schemas/invoices.schema.ts b/src/schemas/invoices.schema.ts
index f82897c..84cf6d4 100644
--- a/src/schemas/invoices.schema.ts
+++ b/src/schemas/invoices.schema.ts
@@ -2,6 +2,7 @@ import { z } from "zod";
 
 const InvoiceItemSchema = z.object({
   description: z.string().nullish(),
+  item_description: z.string().nullish(),
   quantity: z
     .union([z.number(), z.string()])
     .transform((v) => {
diff --git a/src/schemas/offers.schema.ts b/src/schemas/offers.schema.ts
index 90feed1..e6be021 100644
--- a/src/schemas/offers.schema.ts
+++ b/src/schemas/offers.schema.ts
@@ -59,16 +59,10 @@ export const CreateQuotationSchema = z.object({
     .preprocess((v) => v === true || v === 1 || v === "1", z.boolean())
     .optional()
     .default(true),
-  exchange_rate: z
-    .union([z.number(), z.string()])
-    .transform((v) => Number(v))
-    .refine((v) => !Number.isNaN(v), { message: "Must be a valid number" })
-    .optional()
-    .default(1.0),
   status: z
-    .enum(["nova", "odeslana", "prijata", "odmitnuta", "dokoncena", "active"])
+    .enum(["active", "ordered", "invalidated"])
     .optional()
-    .default("nova"),
+    .default("active"),
   scope_title: z.string().nullish(),
   scope_description: z.string().nullish(),
   items: z.array(QuotationItemSchema).optional(),
@@ -93,14 +87,7 @@ export const UpdateQuotationSchema = z.object({
   apply_vat: z
     .preprocess((v) => v === true || v === 1 || v === "1", z.boolean())
     .optional(),
-  exchange_rate: z
-    .union([z.number(), z.string()])
-    .transform((v) => Number(v))
-    .refine((v) => !Number.isNaN(v), { message: "Must be a valid number" })
-    .optional(),
-  status: z
-    .enum(["nova", "odeslana", "prijata", "odmitnuta", "dokoncena", "active"])
-    .optional(),
+  status: z.enum(["active", "ordered", "invalidated"]).optional(),
   scope_title: z.string().nullish(),
   scope_description: z.string().nullish(),
   items: z.array(QuotationItemSchema).optional(),
diff --git a/src/services/invoices.service.ts b/src/services/invoices.service.ts
index ebaf113..c6d78a6 100644
--- a/src/services/invoices.service.ts
+++ b/src/services/invoices.service.ts
@@ -23,6 +23,7 @@ const ALLOWED_SORT_FIELDS = [
 
 interface InvoiceItemInput {
   description?: string;
+  item_description?: string;
   quantity?: number;
   unit?: string;
   unit_price?: number;
@@ -374,6 +375,7 @@ export async function createInvoice(body: Record<string, any>) {
       data: (body.items as InvoiceItemInput[]).map((item, i) => ({
         invoice_id: invoice.id,
         description: item.description ?? null,
+        item_description: item.item_description ?? null,
         quantity: item.quantity ?? 1,
         unit: item.unit ?? null,
         unit_price: item.unit_price ?? 0,
@@ -471,6 +473,7 @@ export async function updateInvoice(id: number, body: Record<string, any>) {
         data: (body.items as InvoiceItemInput[]).map((item, i) => ({
           invoice_id: id,
           description: item.description ?? null,
+          item_description: item.item_description ?? null,
           quantity: item.quantity ?? 1,
           unit: item.unit ?? null,
           unit_price: item.unit_price ?? 0,
diff --git a/src/services/offers.service.ts b/src/services/offers.service.ts
index 1664857..9e5b1a0 100644
--- a/src/services/offers.service.ts
+++ b/src/services/offers.service.ts
@@ -44,6 +44,7 @@ interface ListOffersParams {
   search: string;
   status?: string;
   customer_id?: number;
+  has_order?: string;
 }
 
 function enrichQuotation(q: any) {
@@ -72,13 +73,24 @@ function enrichQuotation(q: any) {
 }
 
 export async function listOffers(params: ListOffersParams) {
-  const { page, limit, skip, sort, order, search, status, customer_id } =
-    params;
+  const {
+    page,
+    limit,
+    skip,
+    sort,
+    order,
+    search,
+    status,
+    customer_id,
+    has_order,
+  } = params;
   const sortField = ALLOWED_SORT_FIELDS.includes(sort) ? sort : "id";
 
   const where: Record<string, unknown> = {};
   if (status) where.status = status;
   if (customer_id) where.customer_id = customer_id;
+  if (has_order === "yes") where.order_id = { not: null };
+  if (has_order === "no") where.order_id = null;
   if (search) {
     where.OR = [
       { quotation_number: { contains: search } },
@@ -184,7 +196,6 @@ export async function createOffer(body: Record<string, any>) {
         language: body.language ? String(body.language) : "cs",
         vat_rate: body.vat_rate != null ? Number(body.vat_rate) : 21.0,
         apply_vat: body.apply_vat !== false,
-        exchange_rate: body.exchange_rate ? Number(body.exchange_rate) : 1.0,
         status: body.status ? String(body.status) : "active",
         scope_title: body.scope_title ? String(body.scope_title) : null,
         scope_description: body.scope_description
@@ -255,8 +266,6 @@ export async function updateOffer(id: number, body: Record<string, any>) {
           body.apply_vat === 1 ||
           body.apply_vat === "1"
         : undefined,
-    exchange_rate:
-      body.exchange_rate !== undefined ? Number(body.exchange_rate) : undefined,
     status: body.status !== undefined ? String(body.status) : undefined,
     project_code:
       body.project_code !== undefined
@@ -354,7 +363,6 @@ export async function duplicateOffer(id: number) {
         language: original.language,
         vat_rate: original.vat_rate,
         apply_vat: original.apply_vat,
-        exchange_rate: original.exchange_rate,
         status: "active",
         scope_title: original.scope_title,
         scope_description: original.scope_description,
diff --git a/src/services/orders.service.ts b/src/services/orders.service.ts
index 9ff1776..beda3dc 100644
--- a/src/services/orders.service.ts
+++ b/src/services/orders.service.ts
@@ -206,7 +206,6 @@ export async function createOrderFromQuotation(
         language: quotation.language || "cs",
         vat_rate: quotation.vat_rate ?? 21.0,
         apply_vat: quotation.apply_vat ?? true,
-        exchange_rate: quotation.exchange_rate ?? 1.0,
         scope_title: quotation.scope_title,
         scope_description: quotation.scope_description,
         attachment_data: attachmentBuffer