body{margin:0;font-family:Arial,sans-serif;background:#f9fafb}.sidebar{width:200px;background:#2c3e50;color:#ecf0f1;height:100vh;position:fixed;font-size:14px;box-shadow:2px 0 5px rgba(0,0,0,.1);overflow:hidden;z-index:1000}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #34495e;height:50px}.logo{font-weight:700}.collapse-btn,.logo{font-size:18px;color:#ecf0f1}.collapse-btn{background:none;border:none;cursor:pointer;padding:0 5px}.sidebar ul{list-style:none;padding:0;margin:0}.nav-link{display:flex;align-items:center;padding:12px 20px;color:#27ae60;text-decoration:none;transition:background .3s;height:40px}.nav-link.active,.nav-link:hover{background:#27ae60;color:#ffffff}.icon{margin-right:10px;font-size:16px}.nav-text{font-size:14px}.group-label{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#27ae60;color:#ffffff;cursor:pointer;height:40px}.triangle{transition:transform .3s;font-size:12px}.triangle.open{transform:rotate(180deg)}.sub-items{padding-left:0}.sub-items .nav-link{padding-left:40px;background:#34495e;color:#27ae60}.sub-items .nav-link.active{background:#27ae60;color:#ffffff}.crop-category-page{margin-left:200px;padding:20px}.crop-category-page h2{font-size:24px;margin-bottom:20px;color:#2d3748}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.language-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#2d3748}.ratio-warning{font-size:12px}.form{background:#fff;padding:20px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:#4a5568;margin-bottom:5px}.form-group input[type=file],.form-group input[type=text]{padding:10px;border:1px solid #e2e8f0;border-radius:4px;width:100%;max-width:300px}.upload-image{width:150px;height:150px;border:2px dashed #e2e8f0;display:flex;align-items:center;justify-content:center;background:#f7fafc;color:#a0aec0;text-align:center;cursor:pointer;position:relative}.upload-image input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.upload-image img{max-width:100%;max-height:100%;object-fit:contain}.form-actions{display:flex;gap:10px;grid-column:1/-1}.reset-btn{border-radius:4px;color:#2d3748}.add-btn,.reset-btn{padding:10px 20px;cursor:pointer}.add-btn{background:#2f855a;border:none;border-radius:4px;color:#fff}.add-btn:hover{background:#276749}.table-section{background:#fff;padding:20px;border:1px solid #e2e8f0;border-radius:8px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-header h3{font-size:18px;color:#2d3748;margin:0}.table-header h3 span{font-size:14px;color:#718096}.table-controls{display:flex;gap:10px}.search-box{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:4px;overflow:hidden}.search-box input{padding:8px 12px;border:none;outline:none;width:150px}.search-btn{padding:8px 12px;background:#e2e8f0;border:none;cursor:pointer}.export-btn{color:#2d3748}.table{width:100%;border-collapse:collapse;background:#f7fafc}.table td,.table th{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.table th{background:#edf2f7;font-weight:600;color:#2d3748}.table td img{width:30px;height:30px;object-fit:contain}.action-btn{padding:5px 10px;margin-right:5px;border-radius:4px;font-size:14px}.action-btn.view{background:#4a5568;color:#fff}.action-btn.edit{background:#3182ce;color:#fff}.action-btn.delete{background:#e53e3e;color:#fff}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:20px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:white;border-radius:50%}.toggle-switch input:checked+.slider{background-color:#2f855a}.toggle-switch input:checked+.slider:before{transform:translateX(20px)}.crop-category-page{max-width:1200px;padding:16px}.crop-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.crop-form div{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:768px){.crop-form div{grid-template-columns:1fr}}.crop-form label{display:block;font-size:14px;font-weight:500;color:#4a5568;margin-bottom:8px}.crop-form input[type=file],.crop-form input[type=text]{width:100%;padding:8px;border:1px solid #e2e8f0;border-radius:4px}.crop-form .reset-btn,.crop-form .submit-btn{padding:8px 16px;border-radius:4px;cursor:pointer}.reset-btn,.submit-btn{border:none}.crop-category-page{max-width:1000px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.crop-category-page input[type=text],.crop-category-page select{width:100%;padding:8px;border:1px solid #e2e8f0;border-radius:4px;font-size:14px;color:#2d3748}.crop-category-page label{font-size:14px;color:#4a5568}.reset-btn,.submit-btn{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px}.reset-btn{background:#e2e8f0;color:#4a5568;margin-right:8px}.reset-btn:hover{background:#cbd5e0}.submit-btn{background:#2f855a;color:#fff}.submit-btn:hover{background:#276749}.search-input{padding:8px 32px 8px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:14px;width:200px}.export-btn{padding:8px 12px;background:#e2e8f0;border:none;border-radius:4px;color:#4a5568;cursor:pointer;display:flex;align-items:center}.export-btn:hover{background:#cbd5e0}.action-btn{background:none;border:none;cursor:pointer;padding:4px;font-size:16px}.action-btn.view{color:#f6ad55}.action-btn.edit{color:#38a169}.action-btn.delete{color:#e53e3e}.disabled-expert{cursor:default;background-color:#e6ffe6;color:#006600;pointer-events:none}