h2{margin-bottom:10px}input#searchInput{padding:8px;margin-bottom:16px;width:300px;border-radius:4px;border:1px solid #ccc}.category-table{border-collapse:separate;border-spacing:0;border:1px solid #ccc;border-radius:12px;overflow:hidden}.category-table th:first-child{border-top-left-radius:12px}.category-table th:last-child{border-top-right-radius:12px}.category-table tr:last-child td:first-child{border-bottom-left-radius:12px}.category-table tr:last-child td:last-child{border-bottom-right-radius:12px}table.category-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.category-table td,.category-table th{padding:12px 16px;border:1px solid #eaeaea;text-align:left}.template-wrapper{display:flex;align-items:center;display:flex;align-items:center;gap:4px}.category-table tr:hover .edit-button{visibility:visible}.template-wrapper .edit-button{visibility:hidden;margin-left:6px;font-size:13px}.category-table th{background-color:#2563eb;color:#fff;padding:12px 10px;text-align:center}.category-table tr:hover{background-color:#f9fbff}.category-table td.preview-cell{width:fit-content;text-align:center}.edit-button{background-color:#549eee;color:#fff;padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.preview-icon{cursor:pointer;font-size:18px;color:#2563eb}.pagination{margin-top:12px}.pagination button{padding:6px 12px;margin:0 6px;border:none;background:#2563eb;color:#fff;border-radius:4px;cursor:pointer}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,.5)}.modal.show{display:block}.modal-content{background-color:#fff;margin:60px auto;padding:20px;border-radius:8px;width:80%;max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px}.modal-close{cursor:pointer;font-size:22px;color:#888}.selected-category-label{margin:12px 0;font-weight:700}.template-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.template-card{padding:14px;background:#f3f6fb;border:2px solid transparent;border-radius:8px;text-align:center;cursor:pointer;transition:.3s}.template-card:hover{border-color:#007bff}.template-card.selected{border-color:#007bff;background:#e6f0ff}.choose-button{margin-top:16px;display:block;background:#007bff;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer}.choose-button:disabled{background:#ccc;cursor:not-allowed}.modal-footer{display:flex;justify-content:flex-end;padding-top:12px}.choose-template-btn{background-color:#2f65f5;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px}.choose-template-btn:hover{background-color:#234ed4}.modal-body{display:flex;flex-direction:column}