Release version 1.0.1

- Add Twig template engine integration
- Migrate all templates to Twig format
- Add German (Switzerland, Informal) translation
- Improve template organization and security
- Add Composer dependency management
- Create comprehensive changelog

assets/css/admin.css

@@ -0,0 +1,91 @@
+/**
+ * Admin styles for WooCommerce Tier and Package Prices
+ */
+
+.wc-tpp-tier-pricing,
+.wc-tpp-package-pricing {
+    border-top: 1px solid #eee;
+    padding-top: 15px;
+    margin-top: 15px;
+}
+
+.wc-tpp-tier-pricing > p:first-child,
+.wc-tpp-package-pricing > p:first-child {
+    font-weight: 600;
+    margin-bottom: 10px;
+}
+
+.wc-tpp-tier-pricing .description,
+.wc-tpp-package-pricing .description {
+    display: block;
+    margin-top: 5px;
+    font-style: italic;
+    color: #666;
+}
+
+.wc-tpp-tier-row,
+.wc-tpp-package-row {
+    display: flex;
+    gap: 15px;
+    align-items: flex-end;
+    padding: 15px;
+    background: #f9f9f9;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    margin-bottom: 10px;
+}
+
+.wc-tpp-tier-row .form-field,
+.wc-tpp-package-row .form-field {
+    margin: 0;
+    flex: 1;
+}
+
+.wc-tpp-tier-row label,
+.wc-tpp-package-row label {
+    display: block;
+    font-weight: 600;
+    margin-bottom: 5px;
+}
+
+.wc-tpp-tier-row input,
+.wc-tpp-package-row input {
+    width: 100%;
+}
+
+.wc-tpp-remove-tier,
+.wc-tpp-remove-package {
+    flex-shrink: 0;
+    color: #b32d2e;
+    border-color: #b32d2e;
+    margin-bottom: 0;
+}
+
+.wc-tpp-remove-tier:hover,
+.wc-tpp-remove-package:hover {
+    background: #b32d2e;
+    color: #fff;
+}
+
+.wc-tpp-add-tier,
+.wc-tpp-add-package {
+    margin-top: 10px;
+}
+
+.wc-tpp-tiers-container,
+.wc-tpp-packages-container {
+    margin-bottom: 15px;
+}
+
+.wc-tpp-tiers-container:empty::before,
+.wc-tpp-packages-container:empty::before {
+    content: "No items added yet. Click 'Add' button to create pricing rules.";
+    display: block;
+    padding: 20px;
+    background: #f0f0f1;
+    border: 1px dashed #ccc;
+    border-radius: 4px;
+    text-align: center;
+    color: #666;
+    font-style: italic;
+}