@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--bg-color:#fcfbf9;--surface:#ffffff;--text-main:#2b2b2b;--text-muted:#737373;--border:#e6e4de;--primary:#4e6a45;--primary-hover:#3d5436;--pill-orange-bg:#fff3e0;--pill-orange-text:#e65100;--pill-orange-border:#ffe0b2;--pill-green-bg:#e8f5e9;--pill-green-text:#2e7d32;--pill-green-border:#c8e6c9;--pill-pink-bg:#fce4ec;--pill-pink-text:#c2185b;--pill-pink-border:#f8bbd0;--pill-gray-bg:#f5f5f5;--pill-gray-text:#616161;--pill-gray-border:#e0e0e0;--pill-yellow-bg:#fffde7;--pill-yellow-text:#fbc02d;--pill-yellow-border:#fff59d;--pill-blue-bg:#e3f2fd;--pill-blue-text:#1565c0;--pill-blue-border:#bbdefb;--pill-teal-bg:#e0f2f1;--pill-teal-text:#00695c;--pill-teal-border:#b2dfdb}:root[data-theme=dark]{--bg-color:#1a1c1a;--surface:#242624;--text-main:#e0e0e0;--text-muted:#a0a0a0;--border:#333333;--primary:#5c7e52;--primary-hover:#6e9462;--pill-orange-bg:rgba(230,81,0,0.2);--pill-orange-border:rgba(230,81,0,0.3);--pill-orange-text:#ffb74d;--pill-yellow-bg:rgba(251,192,45,0.2);--pill-yellow-border:rgba(251,192,45,0.3);--pill-yellow-text:#fff59d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.app-layout{min-height:100vh}.top-nav{justify-content:space-between;padding:1rem 2rem;background:var(--surface);border-bottom:1px solid var(--border)}.logo-area,.top-nav{display:flex;align-items:center}.logo-area{gap:1rem}.logo-icon{width:44px;height:44px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white}.logo-area h1{font-size:1.25rem;font-weight:600;color:var(--text-main);margin-bottom:.1rem}.logo-area p{font-size:.85rem;color:var(--text-muted)}.nav-actions{display:flex;align-items:center;gap:1rem}.view-toggles{display:flex;background:var(--bg-color);border-radius:8px;padding:.25rem;border:1px solid var(--border)}.view-btn{padding:.5rem;border-radius:6px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.add-btn,.view-btn.active{background:var(--primary);color:white}.add-btn{border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.categories-bar{display:flex;gap:1rem;padding:1.5rem 2rem 0}.cat-tab{background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:.5rem 1rem;font-size:.9rem;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:.5rem}.cat-tab span{font-weight:600;color:var(--text-main)}.main-content{display:flex;padding:1.5rem 2rem;gap:2rem;align-items:flex-start}.sidebar{width:280px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.sidebar h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.9rem;background:var(--surface);color:var(--text-main);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23737373" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>');background-repeat:no-repeat;background-position:12px;margin-bottom:2rem}.filter-section{margin-bottom:1.5rem}.filter-section h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.75rem;font-weight:600}.filter-pills{display:flex;flex-wrap:wrap;gap:.5rem}.pill-btn{border-radius:99px;padding:.35rem .75rem;font-size:.8rem;font-weight:500;cursor:pointer;border:1px solid;background:transparent}.pill-btn.orange{background:var(--pill-orange-bg);color:var(--pill-orange-text);border-color:var(--pill-orange-border)}.pill-btn.green{background:var(--pill-green-bg);color:var(--pill-green-text);border-color:var(--pill-green-border)}.pill-btn.pink{background:var(--pill-pink-bg);color:var(--pill-pink-text);border-color:var(--pill-pink-border)}.pill-btn.gray{background:var(--pill-gray-bg);color:var(--pill-gray-text);border-color:var(--pill-gray-border)}.pill-btn.yellow{background:var(--pill-yellow-bg);color:var(--pill-yellow-text);border-color:var(--pill-yellow-border)}.pill-btn.blue{background:var(--pill-blue-bg);color:var(--pill-blue-text);border-color:var(--pill-blue-border)}.pill-btn.teal{background:var(--pill-teal-bg);color:var(--pill-teal-text);border-color:var(--pill-teal-border)}.pill-btn:hover{opacity:.9}.pill-btn.inactive{background:transparent;color:var(--text-muted);border-color:var(--border)}.content-area{flex-grow:1}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.seed-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative}.card-img-placeholder{height:180px;background:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;border-bottom:1px solid var(--border);position:relative}.card-img-placeholder svg{margin-bottom:0;opacity:.5}.card-img-header{position:absolute;top:0;left:0;width:100%;padding:12px;display:flex;justify-content:space-between;align-items:center;z-index:10}.cat-badge-abs{background:var(--pill-orange-bg);color:var(--pill-orange-text);border:1px solid var(--pill-orange-border);padding:.3rem .75rem;border-radius:99px;font-size:.8rem;font-weight:500}.card-actions{display:flex;gap:.5rem}.icon-btn{width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-main);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--bg-color);transform:scale(1.05)}.card-content{padding:1.25rem}.card-content h2{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-main)}.season-badge{display:inline-block;background:var(--pill-yellow-bg);color:var(--pill-yellow-text);border:1px solid var(--pill-yellow-border);padding:.2rem .6rem;border-radius:99px;font-size:.75rem;font-weight:500;margin-bottom:1.25rem}.card-footer{display:flex;gap:1rem;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border);padding-top:1rem}.card-footer-item{display:flex;align-items:center;gap:.4rem}.list-view{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.list-view th{text-align:left;font-size:.85rem;font-weight:500;color:var(--text-muted);background:var(--bg-color)}.list-view td,.list-view th{padding:1rem;border-bottom:1px solid var(--border)}.list-view td{font-size:.9rem;color:var(--text-main)}.list-view tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:4rem;color:var(--text-muted);background:var(--surface);border-radius:16px;border:1px solid var(--border)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--surface);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.2);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-main)}.close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{background:var(--bg-color);color:var(--text-main)}.modal-body{padding:0 1.5rem 1.5rem}.modal-img-upload{width:100%;height:160px;background:var(--bg-color);border-radius:12px;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem;cursor:pointer}.modal-img-upload svg{margin-bottom:.5rem;opacity:.6}.form-group{margin-bottom:1rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1 1}.form-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-main);font-family:inherit;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(78,106,69,.2)}.form-textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border)}.btn-cancel{flex:1 1;padding:.75rem;background:var(--surface);border:1px solid var(--border);color:var(--text-main);border-radius:8px;font-weight:500;cursor:pointer}.btn-cancel:hover{background:var(--bg-color)}.btn-submit{flex:1 1;padding:.75rem;background:var(--primary);border:none;color:white;border-radius:8px;font-weight:500;cursor:pointer}.btn-submit:hover{background:var(--primary-hover)}