Initial commit with project setup

static/images/placeholder-plant.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+    <rect width="200" height="200" fill="#f5f7f2"/>
+    <g transform="translate(50, 50)">
+        <!-- Pot -->
+        <path d="M50,100 L90,100 L80,140 L20,140 L10,100 Z" fill="#6b8f71"/>
+        <!-- Plant -->
+        <path d="M50,20 C30,20 20,40 20,60 C20,80 40,90 50,90 C60,90 80,80 80,60 C80,40 70,20 50,20 Z" fill="#b7c7a3"/>
+        <path d="M50,90 L50,100" stroke="#6b8f71" stroke-width="4"/>
+    </g>
+</svg> 

static/styles/planty.css

@@ -0,0 +1,171 @@
+/* Planty theme variables (converted from LESS) */
+body {
+  font-family: 'Quicksand', 'Segoe UI', Arial, sans-serif;
+  min-height: 100vh;
+  background: linear-gradient(135deg, #e6ebe0, #b7c7a3 60%, #6b8f71 100%);
+}
+
+nav {
+  background: rgba(245, 247, 242, 0.95);
+  box-shadow: 0 2px 8px rgba(62, 86, 55, 0.10);
+  backdrop-filter: blur(4px);
+}
+
+.site-title {
+  color: #3e5637;
+  font-weight: bold;
+  font-size: 1.25rem;
+  letter-spacing: 0.02em;
+}
+
+.btn-main {
+  background: #6b8f71;
+  color: #fff;
+  border-radius: 0.5rem;
+  box-shadow: 0 2px 6px rgba(62, 86, 55, 0.10);
+  transition: background 0.2s;
+}
+.btn-main:hover {
+  background: #4e6b50;
+}
+
+.btn-secondary {
+  background: #e6ebe0;
+  color: #3e5637;
+  border-radius: 0.5rem;
+}
+.btn-secondary:hover {
+  background: #b7c7a3;
+}
+
+.card {
+  background: #f5f7f2;
+  border-radius: 1rem;
+  box-shadow: 0 4px 16px rgba(62, 86, 55, 0.08);
+  padding: 2rem;
+}
+
+.admin-header {
+  background: linear-gradient(90deg, #b7c7a3, #6b8f71);
+  border-radius: 1rem;
+  box-shadow: 0 4px 16px rgba(62, 86, 55, 0.10);
+  padding: 1.75rem;
+  display: flex;
+  align-items: center;
+}
+
+.admin-header-title {
+  color: #3e5637;
+  font-size: 2rem;
+  font-weight: bold;
+  letter-spacing: 0.01em;
+}
+
+.admin-header-desc {
+  color: #6b8f71;
+}
+
+.badge-env, .badge-climate, .badge-product, .badge-plant {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+  font-weight: 600;
+}
+
+.btn-edit {
+  background: #6b8f71;
+  color: #fff;
+  border-radius: 0.5rem;
+  padding: 0.4em 1.2em;
+  font-weight: 600;
+  box-shadow: 0 2px 6px rgba(62, 86, 55, 0.08);
+  border: none;
+  transition: background 0.2s;
+}
+.btn-edit:hover {
+  background: #4e6b50;
+}
+
+.btn-delete {
+  background: #c94c4c;
+  color: #fff;
+  border-radius: 0.5rem;
+  padding: 0.4em 1.2em;
+  font-weight: 600;
+  box-shadow: 0 2px 6px rgba(201, 76, 76, 0.10);
+  border: none;
+  transition: background 0.2s;
+}
+.btn-delete:hover {
+  background: #a63a3a;
+}
+
+/* Admin navigation override: fully transparent */
+.admin-panel-nav {
+  background: transparent !important;
+  box-shadow: none !important;
+  backdrop-filter: none !important;
+}
+
+/* Custom colors for each admin nav item */
+.nav-plants {
+  color: #4e6b50;
+}
+.nav-plants svg { color: #4e6b50; }
+.nav-plants:hover { background: #e6ebe0 !important; }
+
+.nav-environments {
+  color: #3b5a6b;
+}
+.nav-environments svg { color: #3b5a6b; }
+.nav-environments:hover { background: #e0f0eb !important; }
+
+.nav-climates {
+  color: #8a6b3b;
+}
+.nav-climates svg { color: #8a6b3b; }
+.nav-climates:hover { background: #f7f2e6 !important; }
+
+.nav-lights {
+  color: #b89c1d;
+}
+.nav-lights svg { color: #b89c1d; }
+.nav-lights:hover { background: #fffbe6 !important; }
+
+.nav-toxicities {
+  color: #b87c1d;
+}
+.nav-toxicities svg { color: #b87c1d; }
+.nav-toxicities:hover { background: #fff4e6 !important; }
+
+.nav-sizes {
+  color: #4eb6a6;
+}
+.nav-sizes svg { color: #4eb6a6; }
+.nav-sizes:hover { background: #e6f7f5 !important; }
+
+.nav-difficulties {
+  color: #8a4eb6;
+}
+.nav-difficulties svg { color: #8a4eb6; }
+.nav-difficulties:hover { background: #f3e6ff !important; }
+
+.nav-growth {
+  color: #7a8f3b;
+}
+.nav-growth svg { color: #7a8f3b; }
+.nav-growth:hover { background: #f7fae6 !important; }
+
+.nav-products {
+  color: #8b5c2a;
+}
+.nav-products svg { color: #8b5c2a; }
+.nav-products:hover { background: #f7efe6 !important; }
+
+.masonry {
+  column-gap: 2rem;
+}
+.masonry > * {
+  break-inside: avoid;
+  margin-bottom: 2rem;
+}